<INPUT type=”text”> …… 一行テキストボックスを作成する
![Internet Explorer4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i4.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Netscape4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n4.gif)
![Netscape6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n6.gif)
![Netscape7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n7.gif)
![Netscape8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n8.gif)
![Opera6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o6.gif)
![Opera7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o7.gif)
![Opera8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o8.gif)
![Opera9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o9.gif)
![Opera10](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o10.gif)
![Firefox1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f1.gif)
![Firefox2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f2.gif)
![Firefox3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f3.gif)
![Firefox4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f4.gif)
![Google Chrome1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc1.gif)
![Google Chrome2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc2.gif)
![Google Chrome3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc3.gif)
![Google Chrome4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc4.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Internet Explorer4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i4.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Netscape4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n4.gif)
![Netscape6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n6.gif)
![Netscape7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n7.gif)
![Netscape8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_n8.gif)
![Opera6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o6.gif)
![Opera7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o7.gif)
![Opera8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o8.gif)
![Opera9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o9.gif)
![Opera10](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_o10.gif)
![Firefox1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f1.gif)
![Firefox2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f2.gif)
![Firefox3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f3.gif)
![Firefox4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_f4.gif)
![Google Chrome1](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc1.gif)
![Google Chrome2](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc2.gif)
![Google Chrome3](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc3.gif)
![Google Chrome4](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc4.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Google Chrome6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc6.gif)
広告
このページでは、HTML5のinput要素のtype=textを解説しています。
input要素のtype=textの最新情報は、以下を参照してください。
<input>タグのtype属性でtype=”text”を指定すると、一行テキストボックスが作成されます。
name属性は入力欄に名前を付ける属性ですが、<form>でデータが送信される際、
name属性で指定した名前と入力された値が一組になって送信されます。
size属性とmaxlength属性はそれぞれ、一行テキストボックスの表示サイズと、入力できる最大文字数を指定します。
■属性
- type=”text”
- 一行テキストボックスを作成する
- name
- フォーム部品に名前をつける
- value
- 送信される値を指定する
- size
- フォーム部品のサイズを指定する
- maxlength
- 入力できる最大文字数を指定する
■使用例
HTMLソース
<form action=”cgi-bin/abc.cgi” method=”post”>
<p>
名前:<input type=”text” name=”namae” size=”40″ maxlength=”20″>
</p>
<p>
<input type=”submit” value=”送信する”>
</p>
</form>
↓↓↓
ブラウザ上の表示
■HTML5情報
<input type=”text”> …… 一行テキストボックスを作成する
広告