HTML5的表单如何制作? HTML5对表单素提供了patern属性,它接受一个正则表达式。表单提交时这个正则表达式会被用于验证表单内非空的值,如果控件的值不匹配这个正则表达就会弹出提示框,并阻止表达提交。提示框内的文字可以使用setCustomValidity方法来自定义。 比如下面这个表单内,文本框只接受大陆的手机号,输入其它东西就无法提交运行<!DOCTYPE html><form> <input id=”text” pattern=”^1[3-9]\d{9}$” required /> <input id=”button” type=”submit” /></form> 列表 无序列表 布局排列整齐不需要规定顺序的区域。标签:ul嵌套li,ul无序列表,li列表条目。 ul标签只能包裹li标签,li标签可以包裹任意内容。 有序列表 布局排列整齐需要规定顺序的区域。标签:ol嵌套li,ol有序列表,li列表条目。 ol标签只能包裹li标签,li标签可以包裹任意内容。 定义列表 标签,dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述或内容。 dl标签只能包裹dt和dd标签,dt和dd标签可以包裹任意内容。 表格 标签table嵌套tr,rt嵌套td和th。tr表示行,th表示表头单格,td表示内容单格。表格默认没有边框线,使用属性border为表格添加边框线。 用表格结构标签把内容划分区域,thead表格头部,tbody表格主题,tfoot表格底部。 合并单格的步骤 1,明确合并目标。 2,保留最左上的单格,添加属性(取值是数字,表示合并的单格数量。 跨行合并标签是rowspan,保留最上单格。 跨列合并标签是colspan,保留最左单格。 3,删除·其他单格。 表单 收集用户信息,适用登录和注册页面和搜索区域。 input标签 type属性值不同则功能不同。text文本框,用于输入单行文本。password密码框。radio单选框。checkbox多选框。file上传文件。 placeholder站位文本,显示提示信息。 radio常用属性; name,控件名称,控件分组同组中只能选一个。checked(多选框也用)默认选中。 file默认情况下上传控件只能上传一个文件,添加multiple可以实现文件多选功能。 下拉菜单 标签select嵌套option,select下拉菜单整体,option下拉菜单每一项。selected默认选中。 文本域标签textarea(双),输入多行文本的表单控件。 label标签,网页中某个标签的说明文本。用label绑定文本和表单控件的关系,增大表单控件范围。 按钮 标签button,type属性值: submit提交按钮,后可提交数据到后台。 reset重置按钮,后将表单控件恢复默认值。 button普通按钮,默认没有功能,一般配合JavaScript使用。 布局标签;div独占一格。span不换行。 空格实体名称 ;大于号>;小于号lt。
2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/31129.html