HTML-表单(form)

2016-04-01  本文已影响0人  琛琛的脚后跟

<form>表单用于搜集不同类型的用户输入。即是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

1.文本域(text),当用户要在表单中键入字母、数字等内容时,就会用到文本域。

<form>

昵称:<input type="text" name="nicheng"/>

简介:<input type="text" name="jianjie"/>

</form>

显示结果:

2.多行文本域(textarea)

<form>

    建议:<input type="textarea">

<form/>

3.密码(password)

<form>

密码:<input type="password"/>

</form>

显示结果:我手动输入了几个字符

4.单选按钮(Radio Buttons)

<form>

   <input type="radio" name="sex" value="male" checked/>男

   <input type="radio" name="sex" value="female"/>女

<form/>

显示结果:

checked表示默认选中,当name相同的情况下,单选才生效。

5.复选框(Checkboxes)

<form>

   <input type="checkbox" name="bike"/>I have a bike

   <input type="checkbox" name="car"/>I have a car

</form>

显示结果:

6.提交按钮(submit)和取消按钮(reset)

<form>

<input type="submit" value="确定"/>

<input type="reset" value="取消"/>

</form>

显示结果:

7.下拉

<select>

<option value="course">语文</option>

<option value="course">数学</option>

<option value="course">英语</option>

</select>

显示结果:

上一篇下一篇

猜你喜欢

热点阅读