html精简总结--表单

简介:
文字输入表单
呈现结果 姓名:
原始码 <FORM>
姓名:<INPUT TYPE="TEXT" NAME="NAME" SIZE="20">
</FORM>
其有下列可设定之属性:
NAME="名称",是设定此一字段的名称,程序中常会用到。 
SIZE="数值",是设定此一字段显现的宽度。 
VALUE="预设内容",是设定此一字段的预设内容。 
ALIGN="对齐方式",是设定此一字段的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、 RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置 中)、ABSBOTTOM(绝对置下)等。 
MAXLENGTH="数值",是设定此一字段可设定输入的最大长度。
 
单选核取表单:利用TYPE="RADIO"就会产生单选核取表单,单选核取表单通常是好几个选项一起摆出来供使用者点选,一次只能从中选一个,故为单选核取表单。
 
呈现结果 性別:男 女 
原始码 <FORM>
性別:
男 <INPUT TYPE="RADIO" NAME="SEX" VALUE="BOY">
女 <INPUT TYPE="RADIO" NAME="SEX" VALUE="GIRL">
</FORM>
其有下列可设定之属性:
NAME="名称",是设定此一字段的名称,程序中常会用到。 
VALUE="内容",是设定此一字段的内容、值或是意义。 
ALIGN="对齐方式",是设定此一字段的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、 RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置 中)、ABSBOTTOM(绝对置下)等。 
CHECKED,是设定此一字段为预设选取值。
复选核取表单:利用TYPE="  CHECKBOX "就会产生复选核取表单,复选核取表单通常是好几个选项一起摆出来供使用者点选,一次可以同时选好几个,故为复选核取表单。 
 
呈现结果 喜好:电影看书
原始码 <FORM>
喜好:
<INPUT TYPE="CHECKBOX" NAME="SEX" VALUE="MOVIE">电影
<INPUT TYPE="CHECKBOX" NAME="SEX" VALUE="BOOK">看书
</FORM>
其有下列可设定之属性:
NAME="名称",是设定此一字段的名称,程序中常会用到。 
VALUE="内容",是设定此一字段的内容、值或是意义。 
ALIGN="对齐方式",是设定此一字段的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、 RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置 中)、ABSBOTTOM(绝对置下)等。 
CHECKED,是设定此一字段为预设选取值。
密码窗体:利用TYPE="  PASSWORD "就会产生一个密码窗体,密码窗体和文字输入窗体长得几乎一样,差别就在于密码窗体在输入时全部会以星号来取代输入的文字,以防他人偷窥。
呈现结果 请输入密码:
原始码 <FORM>
请输入密码:<INPUT TYPE="PASSWORD" NAME="INPUT">
</FORM>
 其有下列可设定之属性:
NAME="名称",是设定此一字段的名称,程序中常会用到。 
SIZE="数值",是设定此一字段显现的宽度。 
VALUE="预设内容",是设定此一字段的预设内容,不过呈现出来仍是星号。 
ALIGN="对齐方式",是设定此一字段的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、 RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置 中)、ABSBOTTOM(绝对置下)等。 
MAXLENGTH="数值",是设定此一字段可设定输入的最大长度。
送出按钮:通常我们窗体填完之后,都会有一个送出按钮以及清除重写的按钮,分别是利用TYPE="  SUBMIT "及TYPE="  RESET "来产生,相当的简单易用。
 
呈现结果
原始码 <FORM>
<INPUT TYPE="SUBMIT" VALUE="送出资料">
<INPUT TYPE="RESET" VALUE="重新填写">
</FORM>
其有下列可设定之属性:
NAME="名称",是设定此一按钮的名称。 
VALUE="文字",是设定此一按钮上要呈现的文字,若是没有设定,浏览器也会自动替您加上「送出查询」、「重设」等字样。 
ALIGN="对齐方式",是设定此一字段的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、 RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置 中)、ABSBOTTOM(绝对置下)等。 
按钮组件:窗体中或是JAVA SCRIPT常会用到按钮来作一些效果,因此,我们可以利用TYPE=" BUTTON "来产生一个按钮,相当简单。 
 
呈现结果 请按下按钮:
原始码 <FORM>
请按下按钮:<INPUT TYPE="BUTTON" NAME="OK" VALUE="我同意">
</FORM>
其有下列可设定之属性:
NAME="名称",是设定此一按钮的名称。 
VALUE="文字",是设定此一按钮上要呈现的文字。 
ALIGN="对齐方式",是设定此一字段的对齐方式,其值有:TOP(向上对齐)、MIDDLE(向中对齐)、BOTTOM(向下对齐)、 RIGHT(向右对齐)、LEFT(向左对齐)、TEXTTOP(向文字顶部对齐)、BASELINE(向文字底部对齐)、ABSMIDDLE(绝对置 中)、ABSBOTTOM(绝对置下)等。



本文转自 xhinkerx 51CTO博客,原文链接:http://blog.51cto.com/xhinker/134403,如需转载请自行联系原作者
目录
相关文章
|
1月前
|
移动开发 前端开发 数据安全/隐私保护
8.使用html制作表单
8.使用html制作表单
11 0
|
1月前
编程笔记 html5&css&js 022 HTML表单概要
编程笔记 html5&css&js 022 HTML表单概要
|
7月前
|
移动开发 HTML5
HTML5 表单类型
HTML5 表单类型
32 0
|
8天前
|
移动开发 前端开发 JavaScript
《HTML 简易速速上手小册》第8章:HTML 表单高级技术(2024 最新版)
《HTML 简易速速上手小册》第8章:HTML 表单高级技术(2024 最新版)
26 0
|
8天前
|
移动开发 JavaScript 前端开发
《HTML 简易速速上手小册》第4章:HTML 的表单与输入(2024 最新版)
《HTML 简易速速上手小册》第4章:HTML 的表单与输入(2024 最新版)
28 0
|
1月前
|
数据安全/隐私保护
HTML表单(Form)常用控件
HTML表单(Form)常用控件。
15 1
N..
|
1月前
|
存储 前端开发 JavaScript
HTML表单
HTML表单
N..
10 1
|
1月前
|
安全 数据安全/隐私保护
HTML表单元素
HTML表单元素
8 0
|
1月前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素
|
1月前
编程笔记 html5&css&js 023 HTML表单属性
编程笔记 html5&css&js 023 HTML表单属性