HTML(表单标签)
一、表单
1、页面输入性标签元素(文本输入框;下拉选择,单选多选等标签元素),表单是用户交互数据的重要过程
2、提交方式:GET,POST
<form action="" method="" enctype="" >
.......
表单元素
.......
</form>
action:用来设置接收处理表单提交内容的服务器URL(表单提交内容的文件位置)
method:定义浏览器讲表单中的信息内容提交给服务器的方式(GET或POST)
enctype:定义浏览器使用哪种编码方法将表单数据传送给www服务器,分为两种(application/x-www-form-urlencoded(默认);multipart/form-data (多文件上传))
二、文本框
1、单行文本框:<input type="text" name="name属性" value="默认值" size="宽度" maxlength="最大你字符数" placeholder="文本框提示内容" />
2、多行文本框(内容框):<textarea name="name 属性" cols="宽度" rows="高度"> </textarea>
3、密码框:<input type="password" name="name属性" value="值" />
三、单选框
1、<input type="redio" name="name 属性" value="值" checked="checked" /> ;checke表示选中该按钮
四 、单选按钮组
1、如果多个单选框的 name 属性相同 ,则为单选按钮组,其中只能单选一个按钮
五、复选框(多选)
1、<input type ="checkbox" name="name属性" value = "" checked="checked" />
六、复选按钮组
1、复选框name属性值必须为同名数组则为同一按钮组
<input type ="checkbox" name="name[]" value = "" checked="checked" />
<input type ="checkbox" name="name[]" value = "" checked="checked" />
<input type ="checkbox" name="name[]" value = "" checked="checked" />
七、下拉菜单
1、<select name="" size="" multiple="multiple>
<option value="" selected="selected">请选择</option>
<option value="">北京</option>
<option value ="">上海</option>
</select>
multiple属性设置则可以选中多个值,否则只能选中一个值
八、浏览框
<input type="file" name="" >
1、该元素用来打开文件选择对话框以便图形化选择文件
2、表单提交必须是post,否则无法上传文件
3、form必须设置enctype="multipart/form-data ",否则无效
九、隐藏域
<input type="hidden" name="" value="" />
1、隐藏域一般不会显示在页面
2、一般用于数据交互时,不展示数据,但需要提交的数据
3、通常有默认值
十、按钮
1、普通按钮:<input type="button" value="普通按钮" /> 不具有任何行为,通常配合Js使用
2、提交按钮:<input type="submit" value="提交" /> 将表单提交到action指定服务器位置
3、重置按钮:<input type="rest" value="重置" /> 清空表单所输入的数据
4、图片按钮:<input type="image" src="URL地址"> 通常配合js使用,也具有提交功能