HTML:下拉列表框、提交按钮、重置按钮

最新推荐文章于 2024-05-03 11:17:45 发布

绝地反击T

最新推荐文章于 2024-05-03 11:17:45 发布

阅读量2.3w

点赞数 2

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/u012110719/article/details/40984085

版权

HTML 专栏收录该内容

31 篇文章

订阅专栏

通过HTML表单选择多种兴趣爱好，并使用submit按钮提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
<form action="save.php" method="post">
	<label>爱好：</label>
	<select multiple="multiple">//multiple表示许多的，倍数，在浏览器里面按下ctrl+单击就可以多选
		<option value="看书">看书</option>
		<option value="旅游" selected="selected">旅游</option>
		<option value="运动">购物</option>
	</select>
</form>
</body>

讲解：

1、value：

2、selected="selected"：

设置 selected="selected"属性，则该选项就被默认选中。

注释：旅游那一行可以直接写成selected也表示该选项就被默认选中，如果哪一行也没有selected="selected"则默认选中第一项，即看书。

如果下面一行(购物)也有selected,则会覆盖前面的selected="selected"，让此选项为默认选中

提交按钮：

语法：

<input   type="submit"   value="提交">

type：只有当type值设置为submit时，按钮才有提交作用

value：按钮上显示的文字

重置按钮：

语法：

<input type="reset" value="重置">

type：只有当type值设置为reset时，按钮才有重置作用

value：按钮上显示的文字