HTML5基础知识之表单

1、表单是提供让读者在网页上输入，勾选和选取数据，以便提交给服务器数据库的工具。

2、表单的功能结构：主标记结构：<from>…</from>

3、文本栏、密码栏、隐藏栏文本栏：<inputtype=“text”name=“栏位名称”value=“栏位内定值”size=“栏位显示熏雄丕儋宽度”maxlength=“栏位数据输入最大长度”readonly=“readonly“>密码栏：<inputtype=“password”name=“栏位名称”value=“栏位内定值”

4、size=“栏位显示宽度”maxlength=“栏位数据输入最大长度”readonly=“readonly“>隐藏性栏位：<i荏鱿胫协nputtype=“hidden“name=“栏位名称”value=“栏位值”>

5、复选栏、单选栏多重勾选栏位：<inputtype=“checkbox“name=“栏位名称”value=“内定值”checked=“checked”disabled=“disabled”>

6、单选栏位：<inputtype=“radio”name=“栏位名称”value=“内定值”checked=“checked”disabled=“disabled”>

7、窗体栏位、区块栏位窗体选项栏位设置: <selectname=“栏位名称”衡痕贤伎size=“数字”><optionvalue租涫疼迟=“选项值”selected=“selected”>…<optionvalue=“选项值”>…<optionvalue=“选项值”>…</select>

8、//分组<optgrouplabel=“分组名称”></optgroup>挢旗扦渌;//多选multipl髫潋啜缅e文字区块的设置: <textareacols=“设置长度”rows=“设置宽度”>………</textarea>

9、按钮、图像按钮按钮设置: <inputtype=“submit“value=“按钮中显示的文字”><inputtype=“reset”value=“按钮中显示的文字”>

10、按钮图像: <buttonname=“栏位名称”type=“图象形态”><imgsrc=“URL”></button>

11、图像按钮: <inputtype=“image”src=“url”alt=“文本”>

12、允许上传文件上传栏位: <inputtype=“file”name=“file”>

13、表单加上外框和标题外边框: <fieldset>...</fieldset>标题: <legend>...</legend>

14、元件的次序和快捷键accesskey=“w”(Alt+w)(Ctrl+w)tabindex=“n”