当前第2页 返回上一页

示例2:在列表中添加类似“请选择选项”的消息。此选项除了选中之外还具有隐藏和禁用属性。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<title>设置select元素的默认值</title>
</head>
<body style = "text-align:center;" >
<p>设置select选项框的默认值</p>
<select name= "plan" id= "plan" >
<option value= "none" selected disabled hidden>请选择选项</option>
<option value= "free" >Free</option>
<option value= "starter" >Starter </option>
<option value= "professional" >Professional</option>
<option value= "corporate" >Corporate</option>
</select>
</body>
</html>
|
效果图:

推荐学习:html视频教程
以上就是如何设置HTML select下拉框的默认值?的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
Html中的muted是什么意思
Html中添加图片的代码是什么?Html如何正确的添加图片路径?
Html如何设置文字颜色白色
Html文字怎么换行
Html图片怎么设置透明度
Html的标签中的this应该如何使用
Html怎么让段落文本两端对齐
怎么给Html添加js
Html怎么实现滚动文字效果
在Html语言中,单元格的标记是什么
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何设置HTML select下拉框的默认值?