表单元素（form、⽂本、按钮、选择）
htmlradio设置默认的按钮
表单元素
⼀、form
form代表表单，功能：⽤于申明表单，定义采集数据的范围，也就是<form>和</form>⾥⾯包含的数据将被提交到服务器或者电⼦邮件⾥。<form> 标签⽤于为⽤户输⼊创建 HTML 表单。表单能够包含input元素，⽐如⽂本字段、复选框、单选框、提交按钮等等。表单还可以包含textarea、type、name、value等元素。表单⽤于向服务器传输数据。
1.action
action 属性规定当提交表单时，向何处发送表单数据，把数据提交给哪个⽹站。
method表⽰数据提交⽅式，提交⽅式有两种：
get—显式提交，有长度限制。
post—隐式提交
3.target
target表⽰提交⽅式，提交⽅式主要有以下⼏项。
_blank：在新窗⼝中打开。                            _parent：在⽗框架集中打开。
_self：默认。在相同的框架中打开。                _top：在指定的框架中打开。
⼆、⽂本
1.⽂本框<input type="text" />，其属性有：
value⽂本框的值，就是⽂本框⾥⾯显⽰的内容。
name⽂本框的名称
2.密码框<input type="password" />，虽然密码框和⽂本框相似，但在密码框⾥⾯输⼊内容时不显⽰内容，只显⽰●。
3.隐藏域<input type="hidden />，隐藏域的属性有：
name密码框的名称
value密码框的值
4.⽂本域<textarea></textarea>，双标签元素，值不是写在value属性⾥⾯的，是写在开始结束标签之间的，现在所学内容还不能够调整⽂本域的⼤⼩。⽰例代码：<textarea>⽆⾔</textarea>，⽂本域⾥⾯就会显⽰“⽆⾔”。
三、按钮
1.普通按钮<input type="button" />，只显⽰⼀个按钮，但是点上去没有反应。
2.提交按钮<input type="submit" />，具有提交功能。按钮上显⽰“提交”，提交按钮的属性有：
name：按钮的名字
value：按钮上显⽰的名字。<input type="submit" value="按钮" />，按钮上就会显⽰“按钮”两个字，替换了默认的“提交”。
3.重置按钮<input type="reset" />，作⽤是将表单⾥的内容重置。
<form target="_blank" action="Untitled-3.html" method="post">
<input type="text" />
<input type="submit" />
<input type="reset" name="" value="重置" />
</form>
4.图⽚按钮<input type="image" />提交数据，其属性有：
name：按钮的名字。
src：图⽚按钮的图⽚来源地址。
四、选择
1.单选按钮<input type="radio" />，单选按钮的属性有：
name：按钮名称和组名
value：按钮的值
<input type="radio" name="sex" value="" />男
<input type="radio" name="sex" value="" />⼥
上⾯2⾏代码表⽰单选（选男或⼥），input type="radio"表⽰此代码为单选按钮，name="sex"表⽰此2⾏代码为⼀组。男、⼥为选项，只能选⼀个选项。
2.复选框<input type="checkbox" />，复选框的属性有：
name：复选框的名称
value：复选框的值
<input type="checkbox" name="" value="" />A
<input type="checkbox" name="" value="" />B
<input type="checkbox" name="" value="" />B
<input type="checkbox" name="" value="" />D
上⾯4⾏代码表⽰复选（多选），<input type="checkbox" />表⽰此组代码为复选代码，A、B、C、D表⽰4个选项，可以选1-4个选项。
3.下拉列表<select></select>双标签，下拉列表属性有：
name--下拉列表名称
<option></option>：代表项，就是下拉列表⾥的选项。
<select>
<option>张店</option>
<option>淄川</option>
<option>恒台</option>
<option>周村</option>
</select>
上⾯代码内容表⽰下拉列表⾥⾯有张店、淄川、恒台、周村四个选项。
value：该项的值。
4.⽂件选择<input type="file" name="" value="" />，⽂件选择的属性有：
name--⽂件选择的名称
5.其它属性
①readonly 只读
②disabled  不可⽤，同时不能提交
③hidden  隐藏
④checked    radio  checkbox ⽤来做选中
⑤selected    ⽤在下拉列表，设置哪⼀项选中

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。