总结HTML form表单的一些用法

2020-03-24 17:36:44

字体：大中小

来源：转载

供稿：网友

HTML form标签小结

 最近研究 form标签，有一些小心得写下来与大家分享分享，共勉。在小结的最后有一个form表单的小例子，可以作为参考。 -----DanlV

form是HTML的一个极为重要的功能标签之一。

输入域input

input type属性有如下属性值：
1.button按钮（具体接下来细说）
2.file用于文件选取
3.hidden隐藏域，可以实现隐藏的操作
4.text用于文本输入
5.password用密码输入
6.radio单选按钮，name属性相同的为一组
7.checkbox多选按钮，name属性相同的为一组
8.image图片形式提交按钮
9.reset重置form按钮
10.submit提交form按钮

alt属性，定义当按钮式图片时，提片的替代文本

src属性，定义当按钮为图片时，图片的链接地址

checked属性，定义默认选项 input type= radio name= checked checked的值为true或false，也可以直接写成checked

disabled属性，禁用当前输入域（用法如checked）

readonly属性，对当前输入域只读，实际作用与disabled相同，但是展现出来的效果不一样（用法如checked）

maxlength属性，定义输入域字符的最大长度

name属性，定义当前的输入域的名字

html' target='_blank'>value属性，定义当前输入域的默认值

文本输入区textarea

rows属性，规定可见行数

cols属性，规定可见列数

disabled属性，禁用当前文本输入区

name属性，当前文本区的名字

readonly属性，当前文本区域只读

按钮button

type类型一共有三种：
1.type= button 普功通功能按钮
2.type= submit 提交form表单功能按钮
3.type= reset 重置form表单功相关属能按钮

disabled属性，禁用此按钮

name属性，按钮的名字

value属性，按钮上显示文本内容的默认值

下来菜单select

相关属性：
1.disabled属性，禁用该菜单
2.multiple属性，规定可同时选中多项
3.name属性，下拉列表的名字
4.size属性，菜单中可见项目的数目

optgroup 标签，定义下拉列表的选项分组，属性为：
5.label属性，定义选项组的标记（名字），必要属性
6.disabled属性，禁用

optinon 属性，定义下拉列表中的选项（此标签在 optgroup 标签）中，属性为：
1.disabled属性，禁用
2.label属性，定义当使用

表单中的标记 label

为了是输入更为人性化，提高用户的体验度，再点击提示文字的时候光标自动聚焦到输入的位置，使用此标签。有两种使用方法：

label for= user /label inpu t type= text name= user 此方式使用label的for属性，值制定输入区域的name

label input type= text name= user /label
将input直接放入label中，不需要使用for属性，推荐使用。
---

表单中相关元素分组fieldset将表单中相关的元素进行分组，使用 legend 标签定义分组标题。相关实例见最后的代码。代码示例

form action= method= post fieldset legend 天下第一争霸赛 /legend label 门派： input type= text name= menpai id= /label br label 密码： input type= password name= psw id= /label br label 上传你的请柬： input type= file name= qingjian id= /label br 选武器： input type= radio name= arms id= 刀 input type= radio name= arms id= 剑 input type= radio name= arms id= 枪 input type= radio name= arms id= 鞭 br 挑战对手： input type= checkbox name= Army id= 梅超风 input type= checkbox name= Army id= 洪七 input type= checkbox name= Army id= 金毛狮王谢逊 input type= checkbox name= Army id= 张三丰 br label 选择你的门派： select name= id= optgroup label= 西域 option value= 天山天山派 /option option value= 昆仑昆仑派 /option /optgroup optgroup label= 中原 option value= 峨眉峨眉派 /option option value= 少林少林派 /option option value= 武当 selected 武当派 /option option value= 天龙天空派 /option option value= 星宿星宿派 /option option value= 逍遥逍遥派 /option option value= 丐帮丐帮派 /option option value= 五毒五毒派 /option option value= 明教明教派 /option /optgroup
br input type= image src= alt= 假装有图片 br input type= reset value= 重置 input type= submit value= 确定 /fieldset
独孤九贱(5)_ThinkPHP5视频教程

ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《VeVb.com独孤九贱(5)－ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例，从最基本的框架常识开始，将...