HTML-表单(form)

<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>

显示结果:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. form表单有什么作用? HTML表单用于搜集不同类型的用户输入。(主要负责采集浏览者的相关数据) 例如常见...
    毛毛独角兽阅读 360评论 0 0
  • 定义及作用 表单是包含表单元素的区域,而表单元素允许在表单中输入内容。 表单是用来收集不同类型的用户输入。 标签 ...
    baiying阅读 629评论 5 2
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,162评论 0 0
  • form是HTML中比较重要的一块内容, 标签用于为用户输入创建 HTML 表单,表单用于向服务器传输数据。 希望...
    jazenye阅读 1,199评论 0 5
  • 标签: 用于创建供用户输入的 HTML 表单 一般用法带有两个输入字段和一个提交按钮的 HTML 表单: <for...
    好奇而已阅读 726评论 0 0