HTML FORM表单,input标签的说明

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

HTML 表单(Form)是 HTML 的一个重要部分,主要用于采集和提交用户输入的信息。
一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:

First name: Last name:




HTML 表单(Form)常用控件(Controls)
HTML 表单(Form)常用控件有:
      
input type="text" 单行文本输入框 input type="submit" 将表单(Form)里的信息提交给表单里 action 所指向的文件 input type="checkbox" 复选框 input type="radio" 单选框 select 下拉框 textArea 多行文本输入框 input type="password" 密码输入框(输入的文字用*表示)
表单控件(Form Control):单行文本输入框(input type="text")
单行文本输入框允许用户输入一些简短的单行信息,比如用户姓名。例句如下:
表单控件(Form Control):复选框(input type="checkbox")
复选框允许用户在一组选项里,选择多个。示例代码: 苹果
桔子
芒果
用 checked 表示缺省已选的选项。 桔子

表单控件(Form Control):单选框(input type="radio")
使用单选框,让用户在一组选项里只能选择一个。示例代码: 苹果
桔子
芒果
用 checked 表示缺省已选的选项。

桔子

表单控件(Form Control):下拉框(select)
下拉框(Select)既可以用做单选,也可以用做复选。单选例句如下: 如果要变成复选,加 muiltiple 即可。用户用 Ctrl 来实现多选。例句: 其中 cols 表示 textarea 的宽度,rows 表示 textarea 的高度。
表单控件(Form Control):密码输入框(input type="password")
密码输入框(input type="password")主要用于一些保密信息的输入,比如密码。因为用户 输入的时候,显示的不是输入的内容,而是黑点符号。。例句如下:
表单控件(Form Control):提交(input type="submit")
通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里 action 所指向的文 件。例句如下:
表单控件(Form Control):图片提交(input type="image")
input type=image 相当于 input type=submit,不同的是,input type=image 以一个图片 作为表单的提交按钮,其中 src 属性表示图片的路径。 提示和注释:
提示:请使用 label 元素为某个表单控件定义标签。 带有两个输入字段和相关标记的简单 HTML 表单:








可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset. 属性 值 描述 规定 label 与哪个表单元素绑定。
DTD
for
element_id
STF
标准属性
id, class, title, style, dir, lang, xml:lang
如需完整的描述,请访问标准属性。
事件属性
accesskey, onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如需完整的描述,请访问事件属性。
标签。
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset. 属性 值 描述 规定通过文件上传来提交的文件的类型。 不赞成使用。规定图像输入的对齐方式。
DTD
accept
mime_type
STF TF
align
    
left right top middle bottom

相关文档
最新文档