4.1表单
表单就是收集用户填写的信息并将其提交到后台服务去器。
<form>
Action属性:用户提交的地址
Method属性:用户提交的方式(get和post)
get和post方式的区别
Get
(1)传送的数据量较小,不能大于2 KB。post传送的数据量较大,一般被默认为不受限制。但理论上,II S 4中最大量为80 KB,II S 5中为100 KB。
get安全性非常低,post安全性较高
(2)get方式的安全性较post方式要差一些,所以,包含一些重要的信息的话,简易使用post数据提交方式
4.2文本框
<input type="text">
Max length:文本框中最大字符数;
Size:文本框的大小
Value:指定初始值
4.3密码框
<input type="password">
密码框和文本框属性一样的,但是密码框有遮住用户输入的内容(掩码),保护用户的安全
4.4 label
<label>的作用
(1)可以对指定的应用进行相应的设置
(2)for属性可和某个<input>,关联,就是离线文本对运行相关的
<form action="#" method="post">
<label for="use rid">账号:</label>
<input id="use rid" type="text" max length="10" size="20"value="a b c">
<b r>
<label for="password">密码:</label>
<input id="password" type="password"max length="6" size="20">
</form>
4.5单选按钮
<input type="radio"name="role">学生
<input type="radio"name="role" checked>教师
<input type="radio"name="role">管理员
(1)当用户点击单选框时,只可以选择个选项
(2)如果要将n单选框设为一组,必须设置其相对应的name属性(一组最多一个被)。
4.6多选按钮
(1)当用户点击复选框时,可以选择多个选项
你的兴趣爱好是:
<input type="checkbox">音乐
<input type="checkbox"checked>游戏
<input type="checkbox"checked>美食
<input type="checkbox"checked>旅游
<input type="checkbox">电影
4.7提交按钮
<input type="submit">
(1)当用户单击确认按钮时,表单的内容会被传送到另一个文件
4.8重置按钮
<input type="reset" value="刷新">
(1)当用户单击确认按钮时,文本框中的内容被重置
4.9普通按钮
<input type="button" value="登录">
(1)当用户单击确认按钮时,没有任何反应
4.9图片按钮
<input type="image" s r c="../ image / login. j p g"alt="登录">
(1)当用户单击确认图片按钮时,进入和登录按钮一样的界面
4.10<button>标签
(1)Button 里面的内容可是图片,段落,视频等等
表单就是收集用户填写的信息并将其提交到后台服务去器。
<form>
Action属性:用户提交的地址
Method属性:用户提交的方式(get和post)
get和post方式的区别
Get
(1)传送的数据量较小,不能大于2 KB。post传送的数据量较大,一般被默认为不受限制。但理论上,II S 4中最大量为80 KB,II S 5中为100 KB。
get安全性非常低,post安全性较高
(2)get方式的安全性较post方式要差一些,所以,包含一些重要的信息的话,简易使用post数据提交方式
4.2文本框
<input type="text">
Max length:文本框中最大字符数;
Size:文本框的大小
Value:指定初始值
4.3密码框
<input type="password">
密码框和文本框属性一样的,但是密码框有遮住用户输入的内容(掩码),保护用户的安全
4.4 label
<label>的作用
(1)可以对指定的应用进行相应的设置
(2)for属性可和某个<input>,关联,就是离线文本对运行相关的
<form action="#" method="post">
<label for="use rid">账号:</label>
<input id="use rid" type="text" max length="10" size="20"value="a b c">
<b r>
<label for="password">密码:</label>
<input id="password" type="password"max length="6" size="20">
</form>
4.5单选按钮
<input type="radio"name="role">学生
<input type="radio"name="role" checked>教师
<input type="radio"name="role">管理员
(1)当用户点击单选框时,只可以选择个选项
(2)如果要将n单选框设为一组,必须设置其相对应的name属性(一组最多一个被)。
4.6多选按钮
(1)当用户点击复选框时,可以选择多个选项
你的兴趣爱好是:
<input type="checkbox">音乐
<input type="checkbox"checked>游戏
<input type="checkbox"checked>美食
<input type="checkbox"checked>旅游
<input type="checkbox">电影
4.7提交按钮
<input type="submit">
(1)当用户单击确认按钮时,表单的内容会被传送到另一个文件
4.8重置按钮
<input type="reset" value="刷新">
(1)当用户单击确认按钮时,文本框中的内容被重置
4.9普通按钮
<input type="button" value="登录">
(1)当用户单击确认按钮时,没有任何反应
4.9图片按钮
<input type="image" s r c="../ image / login. j p g"alt="登录">
(1)当用户单击确认图片按钮时,进入和登录按钮一样的界面
4.10<button>标签
(1)Button 里面的内容可是图片,段落,视频等等