HTML初识（1）--表单提交

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

表单提交

---

表单标签form

HTML 表单用于搜集不同类型的用户输入。
form表单中主要有input、textarea、select标签。
form标签属性：action表单提交的地址；method提交方式（post、get）

---

input标签
input标签有多种类型type属性，分别有text（文本），password（密码），button（按钮），submit（提交），radio（单选），checkbox（多选），file（文件），reset（重置）。此外，应该按需求设置name、value属性。在提交之后供后台处理表单时进行数据区分。

textarea标签
多行文本提交标签
select标签
select 代表 HTML 表单中的一个下拉列表，内嵌option标签表示下拉选项。含有multiple（多选），size（显示列表的大小）

---

表单涉及类型属性例子
代码如下：

<form action="" method="get">    <label>        <input type="text" name="name1" value="默认值" /><br/>        <input type="password" name="pwd" value="密码默认值"/><br/><br/>        单选：        单选1：<input type="radio" name="danxuan" value="choice1"/>        单选2：<input type="radio" name="danxuan" value="choice2" checked="checked"/>        单选3：<input type="radio" name="danxuan" value="choice3"/><br/>        多选：        多选1：<input type="checkbox" value="ch1" checked="checked"/>        多选2：<input type="checkbox" value="ch2"/>        多选3：<input type="checkbox" value="ch3"/><br/><br/>        文件上传：<input type="file" /><br/>        <input type="reset" name="res" value="重置"/><br/>        <textarea name="file">默认值</textarea><br/>        <input type="button" value="按钮"/>        <input type="submit" value="提交"/><br/><br/>    </label>    <label>        <select name="运动" size="1" multiple="multiple">            <option value="1">篮球</option>            <option value="2" selected="selected">排球</option>            <option value="3">网球</option>            <option value="4">足球</option>            <option value="5">乒乓球</option>            <option value="6">羽毛球</option>        </select>    </label></form>

结果：

注：
1. 各需应要提交的属性都注意name属性，以便后台以此进行处理数据区分。
2. password标签，密码字段字符不会明文显示，而是以星号或圆点替代。
3. button标签为一个按钮，在不内含标签的情况下无提交功能，只有一个按钮的外观。
4. submit是提交的按钮，将表单提交到表单form标签下的action属性所指向的地址（网页–>后台）
5. radio是单选项，当它的name属性相同时选项之间才能互斥为单选，后台是凭value值区分选项。checkbox为多选，一般取相同name属性值，批量获取数据。可以使用checked表示默认已选择。
6. file在提交文件时，要使用 enctype="multipart/form-data" 文件才能提交。
7. textarea是多行文本输入提交。
8. select标签中的name属性表示哪一个select，multiple表示可以多选（按住Ctrl点击），size表示显示多个选项。option中定义value表示选择的选项，selected表示默认已选择。