HTML form标签小结

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属性，定义默认选项checked的值为true或false，也可以直接写成checked
• disabled属性，禁用当前输入域（用法如checked）
• readonly属性，对当前输入域只读，实际作用与disabled相同，但是展现出来的效果不一样（用法如checked）
• maxlength属性，定义输入域字符的最大长度
• name属性，定义当前的输入域的名字
• 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属性，菜单中可见项目的数目
• 标签，定义下拉列表的选项分组，属性为：
  5.label属性，定义选项组的标记（名字），必要属性
  6.disabled属性，禁用
• 属性，定义下拉列表中的选项（此标签在标签）中，属性为：
  1.disabled属性，禁用
  2.label属性，定义当使用 时所使用的标注
  3.selected属性，规定选项（在首次显示在列表中时，与checked类似）表现为选中状态。
  4.value属性，向服务器输送的值

---

表单中的标记

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

• 此方式使用label的for属性，值制定输入区域的name
• 
  将input直接放入label中，不需要使用for属性，推荐使用。

---

表单中相关元素分组fieldset

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

实例

---

代码示例

        

            

                
天下第一争霸赛
    
                    
             门派： 
            
密码：     
            
上传你的请柬： 
            
选武器： 刀
                        剑
                        枪
                        鞭
            
挑战对手： 梅超风
                            洪七
                            金毛狮王谢逊
                            张三丰
            
 选择你的门派：
                
                    天山派
                    昆仑派

                
                
                    峨眉派
                    少林派
                    武当派
                    天空派
                    星宿派
                    逍遥派
                    丐帮派
                    五毒派
                    明教派