表单

表单

语法

< form method=“post” action=“result.html” >
< p>登录名：

< p>密 码：
< p>

< /form>

method：提交方式

get: 明文提交，快速，但不安全，不能提交大文件

post: 密文，安全，可以提交大数据

action：提交到哪里去 可以把数据提交到另一个页面，还可以提交到我们的后台

表单元素的语法

< input type=“text” name=“userName” value =“aaa”/>

属性	说明
type	指定元素 的类型 。 text 、 password 、 checkbox 、 radio 、 submit 、 reset 、 file 、 hidden 、 image 和 button ， 默认为 text
name	指定 表单元素的 名称
value	元素的初始值。type为radio时必须指定一个值
size	指定表单元素的初始宽度。当 type 为text 或 password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位
maxlength	type为text 或password时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否是被选中

文本框

< input type=“text” name=“userName” value=“用户名” size=“30” maxlength=“20” />

value:文本框初始值

size:文本框长度

maxlength:文本框可输入最多字符

密码框

< p>密   码：

type："password"代表密码框

单选框

< p>性   别：
男
女

type：“radio” 单选框

checked：默认选中

value:不能漏写

name:要在同一域下，就是name值要一样

多选框

< p>爱   好：
运动
聊天
玩游戏

type:"checkbox"代表多选

name:要在同一域下，就是name值要一样

value：

下拉列表

< p>出生地：
< select name=“cs” size=1>
请选择
盐城
射阳
大丰
滨海
阜宁
响水

select 标签代表下拉列表

size:展示几个下拉选项 默认1个

option ：代表下拉选项

提交按钮

< input type=“image” src=“imgs/login.gif”/>

1. type=“image” 图片方式提交
2. type=“submit” value=“提交”
3. type=“reset” value=“重置”