表单2
表单2
表单中的单行文本域和密码域
单行文本域
语法格式：
<input type = “text” 属性 = “值” />
常用属性
- name：文本框的名字。命名规则是：可以包含字母、数字、下划线，只能以字母开头。
- type：表单元素的类型。
- value：文本框中的值。
- size：文本框的长度，以“字符”为单位。
- maxLength：最多可以输入多少个字符，超出的就输不进去了。
- readonly：只读属性。可以选中，但不能修改。如：readonly = “readonly”
- disabled：禁用属性。不能选中，不能修改。如： disabled = “disabled”
举例说明：
<input type="text" name="username" />
单行密码域
语法格式：
<input type = “password” 属性 = “值” />
常用属性
- name：密码框的名字。命名规则是：可以包含字母、数字、下划线，只能以字母开头。
- type：表单元素的类型。
- value：元素中的值。
- size：元素的长度，以“字符”为单位。
- maxLength：最多可以输入多少个字符，超出的就输不进去了。
- readonly：只读属性。可以选中，但不能修改。如：readonly = “readonly”
- disabled：禁用属性。不能选中，不能修改。如： disabled = “disabled”
实例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户注册</title>
</head>
<body>
<font size="5" color="red">欢迎注册php.cn</font>
<form name="user" method="get" action="" >
用户名：<input type="text" name="username" value="请输入您的用户名" maxLength="6"/>
<br/>
密码：<input type="password" name="userpwd" maxLength="6"/>
<br/>
<input type="submit" value="提交信息"/>
</form>
</body>
</html>
表单中单选按钮和复选按钮
单选按钮
语法格式：
<input type = “radio” 属性 = “值” />
常用属性
- Name：元素的名称
- Value：元素的值，该value中数据将发往服务器。
- Checked：默认选择哪一项。如：checked = “checked”
注意：一组单选按钮，只能选择一个，但name的值必须一致。如：name = “sex”；单选按钮用户自己不能输入内容，用户只能选择，因此必须为它指默认值value。
复选框
语法格式：
<input type = “checkbox” 属性 = “值” />
常用属性
- Name：元素的名称
- Value：元素的值
- Checked：默认选中。如：checked = “checked”
注意：复选框也是一组选项，因此name的值必须一致。在PHP中，使用数组来获取多个同名的name的值。复选框可以同时选多个，也可以一个都不选。
来丰富我们的第一个例子
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户注册</title>
</head>
<body>
<font size="5" color="red">欢迎注册php.cn</font>
<form name="user" method="get" action="" >
用户名：<input type="text" name="username"/>
<br/>
密码：<input type="password" name="userpwd"/>
<br/>
性别：<input type="radio" name="sex" value="男" checked=checked>男
<input type="radio" name="sex" value="女">女
<br/>
爱好：<input type="checkbox" name="hobby" value="运动">运动
<input type="checkbox" name="hobby" value="看电影">看电影
<input type="checkbox" name="hobby" value="编程" checked="checked">编程
<input type="checkbox" name="hobby" value="宅着">宅着
<br/><input type="submit" value="提交信息"/>
</form>
</body>
表单中的下拉列表
下拉列表
形式如下：
<select name = “city”>
<option value = “合肥”>合肥</option>
<option value = “南京”>南京</option>
<option value = “杭州”>杭州</option>
</select>
-
<select>标记的属性，只有一个name属性
-
<option>标记的属性有两个：value属性、selected属性
-
Selected：默认选中。如：selected = “selected”
实例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户注册</title>
</head>
<body>
<font size="5" color="red">欢迎注册php.cn</font>
<form name="user" method="get" action="" >
用户名：<input type="text" name="username"/>
<br/>
密码：<input type="password" name="userpwd"/>
<br/>
性别：<input type="radio" name="sex" value="男" checked=checked>男
<input type="radio" name="sex" value="女">女
<br/>
爱好：<input type="checkbox" name="hobby" value="运动">运动
<input type="checkbox" name="hobby" value="看电影">看电影
<input type="checkbox" name="hobby" value="编程" checked="checked">编程
<input type="checkbox" name="hobby" value="宅着">宅着
<br/>所在地：
<select name="city">
<option value="北京">北京<option>
<option value="上海">上海<option>
<option value="杭州" selected="selected">杭州<option>
<option value="南京">南京<option>
<option value="合肥">合肥<option>
</select>
<br/><input type="submit" value="提交信息"/>
</form>
</body>
