<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 表单</title>
</head>
<body>
<input /> 表单输入控件
<textarea></textarea> 定义多行文本框
<select></select> 定义一个下列表
通过认识表单，我们知道要想让表单中的数据传送给后台服务器，就必须定义表单域
<form></form> 标记被用于定义表单域，即创建一个表单
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
action 属性用于指定接收并处理表单数据的服务器程序的url地址,还可以E-mail邮箱地址；
<form action="#"></form>
method 取值为get或者post get为默认值；而post方式的保密性好，并且无数据量的限制
使用method="post"可以大量的提交数据；
name 属性用于指定表单的名称，来区分一个页面中的多个表单；
<input type="text" /> 单行文本框
<input type="password" /> 密码输入框
<input type="radio" /> 单选按钮
<input type="checkbox" /> 复选框
<input type="button" /> 普通按钮
<input type="submit" /> 提交按钮
<input type="reset" /> 重置按钮
<input type="image" /> 图像形式的提交按钮
<input type="file" /> 文件域
value input控件中的默认文本值；
size 控件在页面中的显示宽度
readonly 该控件内容为只读
checked 定义选择控件默认被选中的项
maxlength 控件允许输入的最多字符数
<textarea name="" rows="每行中的字符数" cols="显示的行数">
文本内容
其还有name disabled readonly 他们的含义和input里的含义和用法相同；
注意：不同的浏览器对cols和rows属性略微有差异；
所以我们更长用css的width和height属性来定义多行文本输入框的宽高
</textarea>
<select>
标记用于在表单中添加一个下拉菜单，<option></option>标记嵌套在<select></select>
标记中，用来定义下拉菜单的具体选项；
size 指定下拉菜单的可见选项数（取值为整数）
</select>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
