役に立つJavaScript & HTML
町工場ネット トップ | サイトマップ | 新規登録 | プライバシーポリシー | 相互リンクの方法 | 問い合わせ
 
 トップページ >> 役に立つJavaScript & HTML  > 入力フォームの枠を変える

 

普通、入力フォームは

こんな感じです。でもなんかやぼったいので変えてみましょう。

こんなかんじです。

ソースは簡単

<FORM><INPUT size="30" type="text" style="border:2px #ff0080 solid" value="入力できます"></FORM>
こんなかんじです。<BR>


border=2px  線の太さです。

#ff0080  線の色です。red という風にも指定できます。好きな色に変えてください。

solid  枠の形です。

次のような種類があります。わかりやすいように線の太さを5にしてあります。実際に入力できます。枠より長い文はどんどんずれていきます。文字制限していません。文字制限する場合は

<FORM><INPUT size="20" type="text" style="border:5px #ff0080 double" maxlength="20"> &nbsp;double</FORM>

というように書きます。この場合20は半角で20なので、ひらがなの場合は10文字です。

 double  これだけ文字制限は10文字です。

 groove

 ridge

 outset

 dotted

 dashed

  none


このページの上