网站详情页怎么做的,交互设计案例100例,做竞价的网站,光纤网络哪个公司好使用重置按钮#xff0c;重置表单信息
当用户需要重置表单信息到初始时的状态时#xff0c;比如用户输入“用户名”后#xff0c;发现书写有误#xff0c;可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为reset就可以。
语法#xff1a;
i…使用重置按钮重置表单信息
当用户需要重置表单信息到初始时的状态时比如用户输入“用户名”后发现书写有误可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为reset就可以。
语法
input typereset value重置
type只有当type值设置为reset时按钮才有重置作用
value按钮上显示的文字
举例 在浏览器中显示的结果 输入账号 !DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
title重置按钮/title
/head
body
form actionsave.php methodpost label爱好:/labelselectoption value看书看书/optionoption value旅游 selectedselected旅游/optionoption value运动运动/optionoption value购物购物/option/selectinput typesubmit value确定 /input typereset value重置 /
/form
/body
/html
运行结果 form表单中的label标签
小伙伴们你们在前面学习表单各种控件的时候有没有发现一个标签--label这一小节就来揭晓它的作用。
label标签不会向用户呈现任何特殊效果它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本就会触发此控件。就是说当用户单击选中该label标签时浏览器就会自动将焦点转到和标签相关的表单控件上就自动选中和该label标签相关连的表单控件上。
语法
label for控件id名称
注意标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
例子
formlabel formale男/labelinput typeradio namegender idmale /br /label forfemale女/labelinput typeradio namegender idfemale /label foremail输入你的邮箱地址/labelinput typeemail idemail placeholderEnter email
/form
!DOCTYPE HTML
html
head
meta http-equivContent-Type contenttext/html; charsetutf-8
titleform中的lable标签/title
/headbody
formlabel formale男/labelinput typeradio namegender idmale /br /label forfemale女/labelinput typeradio namegender idfemale /br /label foremail输入你的邮箱地址/labelinput typeemail idemail placeholderEnter email/form/body
/html
运行结果
