表单的定义:多个输入框,以表格的形式展示
表单常用在网页登录和注册功能中
表单的元素属性:type;指定当前元素的类型value:所见即所得name:提交到后端服务器的值
文本框用户在页面中输入的值明文显示;valuce=" "默认的值
密码框用户在页面输入的值暗文显示
单选按钮:type=“radio”:代表单选按钮;name=“ ”name里面的值相同的话,代表是单选。否则是多选;valuce=“ ”里面的值不显示。发送到后台;checked=“checked代表初始网页打开时默认勾选某个框”
复选框(复选按钮:type="checkbox"意思是类型为多选按钮name=“ ” 注意多个多选框按钮的值保持一致 value=“ ”代表发送到后端服务器中的值,不显示checked=代表初始化页面默认勾选某个多选框
列表框:select是列表框中的标签名;option是列表框中列的标签名;select和option是一对组合不可分离,value存放的值是用来发送到服务器后端的,不是用来表示的;option之间的文本是用来表示的;结构
图片按钮:reset;重置按钮submit:提交按钮button:普通按钮
多行文本域:
文件域:上传文件至服务器后端;结构:
邮箱表单:tpcy=email 代表如果用户输入邮箱的地址不符合邮箱地址的规范,会导致用户触发submit按钮之后,无法转到action中的html的页面,并提示警告。
ps:注释快捷键ctrl+/
网址表单 type=url代表提交表单后,网址必须符合规范,否则会提示“请输入网址”。
数字表单:type=number代表的含义是展示可以限制用户输入范围的标签类型min代表最小值,max代表最大值,step代表用户每一次选择数值的步长input type=number min=“0” max=“10” step=“2”
滑块表单:与数字表单相同number改为range
搜索框:带有删除的搜索框,按钮在搜索框之内input type=search
手机扫一扫
移动阅读更方便
你可能感兴趣的文章