标签能够包含，通过更改的属性值，可以空指是文本字段，复选框，单选框或提交按钮等。还可以包含 <select>等。学习表单很大程度程度上就是在学习<input>标签。</p><p data-track="5"><form>常用属性:</p><p data-track="6"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">name:用于定义表单的名称</span></p><p data-track="7"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">action:用于规定提交表单时向何处发送表单数据。</span></p><p data-track="8"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">method:用于规定提交的方式。一般取值 POST或GET</span></p><h1 class="pgc-h-arrow-right" data-track="14">input种类</h1><p data-track="14"><input> 标签用于搜集用户信息，是表单中出现频率最高的标签。</p><p data-track="16">根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。</p><p data-track="17"><input>标签type属性值 :</p><p data-track="28"><strong>text属性：</strong></p><p data-track="29" class="syl-line-pure-english"><input type=”text”></p><p data-track="30">定义为单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。</p><p data-track="31">常用属性:</p><p data-track="22">name:定义标签名称</p><p data-track="23">value:定义标签值</p><p data-track="24">size:定义输入字段的长度</p><p data-track="25">maxlength:定义可输入最大字符个数</p><p data-track="32"><strong>password属性：</strong></p><p data-track="40" class="syl-line-pure-english"><input type=”password”></p><p data-track="42">定义密码字段。该字段中的字符被掩码.</p><p data-track="43">常用属性:</p><p data-track="36">name:定义标签名称</p><p data-track="37">value:定义标签值</p><p data-track="38">size:定义输入字段的长度</p><p data-track="39">maxlength:定义可输入最大字符个数</p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code><form action="" name="myform" method="get"> 姓名：<input type="text" name="username" value="zhangsan" /><br/> 密码：<input type="password" name="password" /><br/> </form></code></pre><p class="pgc-p syl-page-br" data-track="9" style><br></p><p data-track="46"><strong>radio属性：</strong></p><p data-track="53" class="syl-line-pure-english"><input type=”radio”></p><p data-track="54">定义单选按钮。</p><p data-track="55">常用属性:</p><p data-track="50">name:定义标签名称.注意，对于单选按钮，如果要想做到单一选择，多个radio的name值必须一样。</p><p data-track="51">value:定义标签值</p><p data-track="52">checked:定义该标签默认被选中。</p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code>性别：<input type="radio" name="gender" value="male" checked="checked"/>男 <input type="radio" name="gender" value="female"/>女<br/></code></pre><p class="pgc-p syl-page-br" data-track="57" style><br></p><p data-track="58"><strong>checkbox属性：</strong></p><p data-track="65" class="syl-line-pure-english"><input type=”checkbox”></p><p data-track="66">定义复选框。</p><p data-track="67">常用属性:</p><p data-track="62">name:定义标签名称.注意，一组的checkbox它们的name值应该是一样的。</p><p data-track="63">value:定义标签值</p><p data-track="64">checked:定义该标签默认被选中。</p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code>爱好：<input type="checkbox" name="hobby" value="football" checked="checked"/>足球 <input type="checkbox" name="hobby" value="basketball"/>篮球 <input type="checkbox" name="hobby" value="paiqiu"/>排球<br/></code></pre><p class="pgc-p syl-page-br" data-track="69" style><br></p><p class="pgc-p syl-page-br" data-track="70" style><br></p><p data-track="71"><strong>file属性：</strong></p><p data-track="106" class="syl-line-pure-english"><input type=”file”></p><p data-track="107">定义输入字段和 "浏览"按钮，供文件上传。</p><p data-track="108">常用属性:</p><p data-track="105">name:定义标签名称</p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code>上传头像：<input type="file" name="bigheadphoto"/><br/></code></pre><p class="pgc-p syl-page-br" data-track="101" style><br></p><p data-track="110"><strong>button属性：</strong></p><p data-track="77" class="syl-line-pure-english"><input type=”button”></p><p data-track="78">定义可点击按钮（大多数情况下，用于通过 JavaScript 启动脚本）</p><p data-track="79">常用属性:</p><p data-track="75">name:定义标签名称</p><p data-track="76">value:按钮显示名称</p><p data-track="80"><strong>submit属性：</strong></p><p data-track="86" class="syl-line-pure-english"><input type=”submit”></p><p data-track="87">定义提交按钮。提交按钮会把表单数据发送到服务器。</p><p data-track="88">常用属性:</p><p data-track="84">name:定义标签名称</p><p data-track="85">value:按钮显示名称</p><p data-track="89"><strong>reset属性：</strong></p><p data-track="95" class="syl-line-pure-english"><input type=”reset”></p><p data-track="96">定义重置按钮。重置按钮会清除表单中的所有数据。</p><p data-track="97">常用属性:</p><p data-track="93">name:定义标签名称</p><p data-track="94">value:按钮显示名称</p><p class="pgc-p syl-page-br" data-track="98" style><br></p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code><input type="reset" value="重置"/> <input type="button" value="button"/> <input type="submit" value="submit"/></code></pre><p data-track="100"><strong>image属性：</strong></p><p data-track="119" class="syl-line-pure-english"><input type=”image”></p><p data-track="120">定义为图像形式的提交按钮。</p><p data-track="147">常用属性:</p><p data-track="148">name:定义标签名称</p><p data-track="149">src:定义作为提交按钮显示的图像的url</p><p data-track="150">alt:定义作用图像的替代文本。</p><p data-track="114">这个标签主要是用了替换submit按钮，因为默认产生的提交按钮并不漂亮，这个标签允许你采用指定的图片作为提交按钮。</p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code><input type="image" src="bookimages/buybutton.gif"/><br/> <input type="submit" value="submit"/></code></pre><p class="pgc-p syl-page-br" data-track="115" style><br></p><p data-track="123"><strong>hidden属性：</strong></p><p data-track="129" class="syl-line-pure-english"><input type=”hidden”></p><p data-track="130">定义隐藏的输入字段。</p><p data-track="131">常用属性:</p><p data-track="127">name:定义标签名称</p><p data-track="128">value:定义标签值</p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code><input type="hidden" name="hide" value="xxx"/></code></pre><p data-track="133">hidden所定义出来的输入框和值是在页面上看不到但却又真实存在的，在开发中常用来放入一些不希望用户看到，但却对开发过程很有帮助的数据。</p><h1 class="pgc-h-arrow-right" data-track="160">textarea标签：</h1><p data-track="161"><textarea>标签用于定义一个多行文本输入控件(多行文本框,文本域)</p><p data-track="162">常用属性:</p><p data-track="163">name:定义多行文本框名称</p><p data-track="164">cols:定义多行文本框可见宽度</p><p data-track="165">rows:定义多行文本框可见行数</p><p data-track="166">wrap:规定多行文本框中文字如何换行。</p><pre class="prism-highlight prism-language-bash" class="syl-page-code"><code>备注： <textarea name="ta" cols="30" rows="5">我是textarea

select与option标签

1.

用于定义一个下拉列表

常用属性:

name:定义下拉列表的名称

size:定义下拉列表中可见选项的数目

multiple:定义可选择多个选项

2.

用于定义下拉列表中的选项。

需要位于标签内部

常用属性:

value:定义送往服务器的选项值

selected:定义选项为选中状态。

地址：
		
			北京
			天津
			上海
			重庆
		
		
			海淀区
			昌平区
			朝阳区
		

注意：

关于POST与GET方式区别:

1. get方式只能少量数据,而post可以携带大数据。

2. get方式提交时，数据会在地址栏上显示，安全性差。Post方式提交不会在地址栏上显示数据，更加安全。