HTML标签天天练7--表单2[select][option][checkbox]

寻技术 Html/CSS 2023年07月11日 77

——继续<form>表单的第二篇学习:

有些时候,需要调用到一些下拉选项,比如国家、省份、城市,等等,
但既要保证页面的整齐洁净,又要实现功能的情况下,我们就可以使用
下拉式的选项:如下:
<html>
<body>
<form>
<select name="coutry">
<option value="american">American</option>
<option value="china">China</option>
<option value="japan">Japan</option>
<option value="france">France</option>
</select>
</form>
<p>其中name为定义选项表的名称,可以在适当的时候被其它页面引用。注意option的value属性值必须与国家名字相同!</p>
</body>
</html>
 
——而下面是一个多项选择的表单(复制到DW中尝试):
<html>
<body>
<p>兴趣爱好:</p>
<form name="input">
旅游
<input type="checkbox" name="interests" value="travel" checked="checked" />
<br />
电影
<input type="checkbox" name="interests" value="car" />
<br />
汽车
<input type="checkbox" name="interests" value="car" />
<br /><br />
</form>
<p>注意:type的属性值设置了checkbox;而checked属性,代表默认选择项!</p>
</body>
</html>
关闭

用微信“扫一扫”