HTML表单元素的简单介绍

说明：以下内容是基于w3school及饥人谷教学内容，对HTML表单元素做的简单说明。

元素

元素定义 HTML 表单区间，而这个区间的数据将会被提交给后台。
例子：

     请输入留言
    

  
     请输入密码
    

    
  

结果是form标签内的数据，password才会被提交，而textarea的内容不会被提交。

---

元素

元素是最重要的表单元素。
元素有很多形态，根据不同的 type 属性有以下类型：

序号	类型	描述
1	text	用于文本输入的单行输入字段，默认宽度20字符。
2	password	密码输入框，密码会自动显示为 ●
3	checkbox	用于创建多选/复选框
4	radio	用于创建单选框
5	file	用于上传文件， accept属性可以限制文件上传类型。
6	hidden	这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话，就是用这种类型的元素。
7	button	用于创建一个按钮，显示名称为value属性的值
8	submit	用于创建一个提交按钮，显示名称为value属性的值
9	reset	当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。

---

其他标签

1、标签

label标签本身不会产生任何特殊效果，但是可以用于改进用户可用性及体验性，当设置label的for=“某个元素的id”时，点击label标签的内容，会自动focus到该标签。
如下例，当我们点击输入密码几个文本时，当前页面会自动focus到password的输入框，而不必点击该输入框。

     
    请输入密码

for=id示例

2、标签</h6> <p>用于创建一个可以指定宽高的文本输入框，内容长度不限。可以通过cols和rows属性控制宽高，但是兼容性不好，原因见下记网址详细分析。<br> http://www.zhangxinxu.com/wordpress/2016/02/html-textarea-rows-height/</p> <pre><code> <textarea name="" id="" cols="30" rows="10">this is a example

文本框中的值为value值

3、标签

select 元素可创建单选或多选菜单，菜单选项为

标签。

上海 北京 天津

secect注意事项