HTML网页设计（表单元素）
1.什么是表单
表单（form）是由一个或多个文本输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成，所有这些都放在＜form＞标签在。一个文档中可以包含多个表单，而且每个表单可以放置通常的主体内容（包括文字和图像在内）
Form标签
设计者可以将表单放在文档主体中的任何位置，但前提是将表单的缘故都放在＜form＞标签和＜/form＞结束标签之间。
基本语法
<form>
包含表单元素
</form>
功能
定义表单
属性及说明
属性
说明
Dir
文本方向
Lang
语言信息
Align
对齐方式
Class
用一个名称来标记表单，给标记名称指向一个预定义的类，而该类是在文档级声明的或者在外部定义的样式表
Id
为表单创建一个标记，将来超链接可以用这个标记明确的引用该表单，以便作为样式表选择器和使用其他程序来执行自动搜索
Style
创建表单内容的内联样式
Title
给表单加上说明性的文字
Name
表单的名称
Method
定义表单结果从浏览器传送到服务器的方法，一般由两种方法：get、post
Action
用来定义表单处理程序（一个asp、cgi等程序）的位置（相对地址或绝对地址）
Enctype
设置表单资料的编码方式
Target
设置返回信息的显示方式
Enctype属性值及说明
Enctype属性值
说明
Text/plain
以纯文本形式传输信息
Application/x-www-form=urlencoded
默认的编码形式
Multipart/form-data
事要忙会mine编码
Target属性值及说明
Target属性值
说明
Blank
将返回信息显示在心的浏览器窗口中
Parent
将返回信息显示在父级浏览器窗口中
Selt
将返回信息显示在当前浏览器窗口中
Top
将返回信息显示咋顶级浏览器窗口中
2.表单元素
在＜form＞标签中，可以包含以下5个标签。
标签
描述
<inptu>
表单输入标记
<select>
菜单和列表标记
<option>
菜单和列表项目标记
<textarea>
文字域标记
<optgroup>
子菜单标记
Input标签
对于大量通常的表单内元素，可以使用＜input＞标签来进行定义，其中包括文本字段、多选列表、可单击的图像和提交按钮等。虽然＜input＞标签中有许多属性，但对每个元素来说，只有type和name属性是必须的。当然，根据指定的比哦啊单元素类型，也可以设置一些其他的＜input＞属性。
基本语法
<input
name="filed_name“type="type_name”
功能
定义表单的输入元素
属性及说明
属性
说明
Dir
文本方向
Lang
语言信息
Align
对齐方式
Class
用一个名称来标记输入元素，该标记名称指向一个预定义的类，而该类是在文档级声明的或者在外部定义的样式表
Id
为输入元素创建一个标记，应用超链接的时候可也用这个标记来明确的应用该输入元素，以便作为
样式选择器或只用其他应用程序来执行自动搜索
Stylr
创建输入元素内的内联样式
Title
给输入元素加上说明性的文字
Name
输入元素的名称
Type
输入元素的类型
Alt
图像的替换文字
Accesskey
连接热键
Accept
文件上传的mime类型列表
Checked
已选中
Disabled
禁用某个输入元素
Maxlength
输入元素的最大输入字符数
Size
输入元素的宽度（以字符为单位）
Src
输入元素的图像源文件
Tabindex
对浏览器窗口中的对象重新排序
Value
输入元素的默认值
可以使用＜input＞标签中的name属性来为字段命名（表单提交到处理过程中使用的字段，这种字段的说明可以参阅前面介绍）。从技术角度上讲，name属性的值是任意的一个字符串，但是我们建议最好采用没有嵌入空格或标点的字符串。＜input＞标签中必须的type属性可以用来选择控件的类型，其属性值如下表所示。
Type属性值及说明
Type属性值
说明
Text
文字域
Password
密码域
File
文件域
Checkbox
复选框
Radio
单选框
Button
普通按钮
Submit
提交按钮
Reset
重置按钮
Hidden
因此域
Image
图像域（图像提交按钮）
文字域
最有用也是最常见的表单输入元素时文字域，在浏览器窗口中显示为一行的空框，它接收用输入的一行信息，当你用户将表单提交给服务器时，这些信息就变成了元素值。
范例代码：
密码域
将type属性值设置为password,就可以创建一个密码域。传统文本域的其他属性和语义也可以应用于密码域。应用呢密码域时必须制定一个字段的名称，这样就可以为该段字段设置size和maxlengthhtml网页设计 table 属性，并可以设置一个初见时的vlaue。
范例代码：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。