第十二章 设计表单(二)j

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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值