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就行了