" />
当前位置:文档之家› HTML FORM表单,input标签的说明

HTML FORM表单,input标签的说明

HTML 表单(Form)是 HTML 的一个重要部分,主要用于采集和提交用户输入的信息。

一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮:<form action="form_action.asp" method="get"> First name: Last name:<input type="text" name="fname" /><input type="text" name="lname" /><input type="submit" value="Submit" /></form>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")单行文本输入框允许用户输入一些简短的单行信息,比如用户姓名。

例句如下: <input type="text" name="yourname">表单控件(Form Control):复选框(input type="checkbox")复选框允许用户在一组选项里,选择多个。

示例代码: <input type="checkbox" name="fruit" value ="apple">苹果<br> <input type="checkbox" name="fruit" value ="orange">桔子<br> <input type="checkbox" name="fruit" value ="mango">芒果<br> 用 checked 表示缺省已选的选项。

<input type="checkbox" name="fruit" value ="orange" checked>桔子 <br>表单控件(Form Control):单选框(input type="radio")使用单选框,让用户在一组选项里只能选择一个。

示例代码: <input type="radio" name="fruit" value = "Apple">苹果<br> <input type="radio" name="fruit" value = "Orange">桔子<br> <input type="radio" name="fruit" value = "Mango">芒果<br> 用 checked 表示缺省已选的选项。

<input type="radio" name="fruit" value = "Orange" checked>桔子<br>表单控件(Form Control):下拉框(select)下拉框(Select)既可以用做单选,也可以用做复选。

单选例句如下: <select name="fruit" > <option value="apple">苹果 <option value="orange">桔子 <option value="mango">芒果 </select> 如果要变成复选,加 muiltiple 即可。

用户用 Ctrl 来实现多选。

例句: <select name="fruit" multiple> 用户还可以用 size 属性来改变下拉框(Select)的大小。

表单控件(Form Control):多行输入框(textarea)多行输入框(textarea)主要用于输入较长的文本信息。

例句如下: <textarea name="yoursuggest" cols ="50" rows = "3"></textarea> 其中 cols 表示 textarea 的宽度,rows 表示 textarea 的高度。

表单控件(Form Control):密码输入框(input type="password")密码输入框(input type="password")主要用于一些保密信息的输入,比如密码。

因为用户 输入的时候,显示的不是输入的内容,而是黑点符号。

例句如下: <input type="password" name="yourpw">表单控件(Form Control):提交(input type="submit")通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里 action 所指向的文 件。

例句如下: <input type="submit" value="提交">表单控件(Form Control):图片提交(input type="image")input type=image 相当于 input type=submit,不同的是,input type=image 以一个图片 作为表单的提交按钮,其中 src 属性表示图片的路径。

<input type="image" src ="/images/icons/go.gif" alt = "提交" NAME="imgsubmit"> 提示和注释:提示:请使用 label 元素为某个表单控件定义标签。

带有两个输入字段和相关标记的简单 HTML 表单:<form><label for="male">Male</label><input type="radio" name="sex" id="male" /> <br /><label for="female">Female</label><input type="radio" name="sex" id="female" /> </form>可选的属性DTD 指示此属性允许在哪种 DTD 中使用。

S=Strict, T=Transitional, F=Frameset. 属性 值 描述 规定 label 与哪个表单元素绑定。

DTDforelement_idSTF标准属性id, class, title, style, dir, lang, xml:lang如需完整的描述,请访问标准属性。

事件属性accesskey, onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup如需完整的描述,请访问事件属性。

<input>标签。

可选的属性DTD 指示此属性允许在哪种 DTD 中使用。

S=Strict, T=Transitional, F=Frameset. 属性 值 描述 规定通过文件上传来提交的文件的类型。

不赞成使用。

规定图像输入的对齐方式。

DTDacceptmime_typeSTF TFalign    left right top middle bottomalt checked disabled maxlength name readonly size src typetext checked disabled number field_name readonly number_of_char URL定义图像输入的替代文本。

规定此 input 元素首次加载时应当被选中。

当 input 元素加载时禁用此元素。

规定输入字段中的字符的最大长度。

定义 input 元素的名称。

规定输入字段为只读。

定义输入字段的宽度。

定义以提交按钮形式显示的图像的 URL。

规定 input 元素的类型。

STF STF STF STF STF STF STF STF STF         button checkbox file hidden image password radio reset submit text valuevalue规定 input 元素的值。

STF标准属性id, class, title, style, dir, lang, xml:lang如需完整的描述,请访问标准属性。

相关主题