12.4.7 创建复选框
<label>Check to receive<input type="checkbox" id="span"></label>
type="checkbox"表示使用复选框
如果要让复选框默认已经打勾:
<label type="checkbox" id="name" checked>
具体见点击打开链接
12.5 使用元素button
这种标签类似于input
将图片用作按钮:
<button type="custom"><img src="ima.jpg"></button>
12.5.2 使用textarea创建大型文本输入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<label for="que4" style="display:block;">Please</label>
<textarea name="que4" rows="4" cols="50">
一个大型文本框
</textarea>
</body>
</html>
输出:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<label for="que4">Please</label>
<textarea name="que4" rows="4" cols="50">
一个大型文本框
</textarea>
</body>
</html>
输出:
说明
style="display:block;"
这个有自动换行的作用
同样你也可以使用height和width设置文本框的大小
12.5.3 使用select和opinion创建菜单
<form action="demo-form.php">
<label for="cars">Choose a car</label>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<input type="submit">
输出:
如果要创建可滚动的列表:
<select name="cars" size="3">
只要加一个size就行了