首页 > 其他分享 >html之select标签

html之select标签

时间:2024-08-29 16:40:05浏览次数:12  
标签:返回 标签 列表 html Yes select

1.select标签用于做下拉选择框
2.select 元素中的 option 标签定义了列表中的可用选项
3.selected表示默认,一般用在option标签里

Select 对象属性

属性 描述 W3C
disabled 设置或返回是否应禁用下拉列表 Yes
form 返回对包含下拉列表的表单的引用 Yes
length 返回下拉列表中的选项数目 Yes
multiple 设置或返回是否选择多个项目 Yes
name 设置或返回下拉列表的名称 Yes
selectedIndex 设置或返回下拉列表中被选项目的索引号 Yes
size 设置或返回下拉列表中的可见行数 Yes
type 返回下拉列表的表单类型 Yes

来段代码示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>注册页面</h1>
<form action="www.test.com" method="post">
    <p>用户  <input type="text"  name="username" placeholder="用户名"></p>
    <p>密码  <input type="password" name="password" placeholder="密码"></p>
    <p>
        <label for="province">请选择出生城市:</label>
        <select id="province">
            <optgroup label="河南省">
                <option value="zhengzhou">郑州</option>
                <option value="luoyang">洛阳</option>
            <optgroup label="河北省">
                <option value="zhengzhou">邯郸</option>
                <option value="luoyang">衡水</option>
        </select>
    </p>
    <p>爱好  <input type="checkbox" name="hobby" value="study">读书
            <input type="checkbox" name="hobby" value="movie">看电影
    </p>
    <p>性别  <input type="radio" name="gender" value="men">男
            <input type="radio" name="gender" value="women">女
    </p>
    <p><input type="reset" value="重置"></p>
    <p><input type="submit" value="提交注册"></p>
</form>
</body>
</html>

前端页面结果:

好了,其实html很简单,今儿就到这吧!

标签:返回,标签,列表,html,Yes,select
From: https://www.cnblogs.com/kkbest/p/18385841

相关文章

  • Day50.body内基本标签
    1.body内基本标签_h1~h6标题标签1~6级标签2.body内基本标签_b标签加粗,i标签斜体,u标签下划线,s标签删除线3.body内基本标签_p标签段落、br标签换行、hr标签水平分割4.body内基本标签_总结......
  • Mybatis-puls中select查询方法报错Can not find table primary key in Class
    1、项目参数springboot2.6.13jdk8Mybatis-Plus3.5.42、问题描述Mybatis-puls中select查询方法报错CannotfindtableprimarykeyinClass,org.apache.ibatis.binding.BindingException:Invalidboundstatement(notfound):com.example.dao.FLowerDao.selectById3、......
  • Mybatis-puls中select查询方法返回为空null
    1、项目参数springboot2.6.13jdk8Mybatis-Plus3.5.42、问题描述在3.5.4版本的MP中使用select方法查询到数据,却返回为空实体类publicclassFlower{@TableId(value="flower_id",type=IdType.INPUT)privateintflower_id;privateStringflower_name;......
  • 在线人民币大小写转换工具html代码
    该工具旨在帮助用户方便地将人民币金额从小写转换为大写,只需输入金额,点击转换按钮,即可快速获得准确的大写表示。工具界面简洁友好,支持输入各种格式的大写金额,如“1356.78元”。经常报账的小伙伴可以用到,减少手动转换的错误。点击查看代码<!DOCTYPEhtml><htmllang="zh-CN">......
  • Day50.head内常用标签
    1.head内常用标签_titile标签_style标签_body标签用法2.head内常用标签_script标签内用来写js代码3.head内常用标签_script标签导入其他js文件显示4.head内常用标签_link标签导入其他css文件显示5.head内常用标签_meta标签定义两秒后跳转到指定标签6.head内常用标签_告诉IE以最......
  • openGauss-资源标签机制
    openGauss-资源标签机制可获得性本特性自openGauss1.1.0版本开始引入。特性简介数据库资源是指数据库所记录的各类对象,包括数据库、模式、表、列、视图、触发器等,数据库对象越多,数据库资源的分类管理就越繁琐。资源标签机制是一种通过对具有某类相同“特征”的数据库资源进......
  • 初识HTML
    HTMLHyperTextMarkupLanguage(超文本标记语言)Hyperadj.既兴奋又紧张的;精力过旺的n.宣传人员网络超过;高;过度markupn.标记;(基于成本价与销售价之间差价的)加成网络涨价;加价;标示超文本:文字、图片、音频、视频、动画等替代了flashW3C标准W3C:WorldWideWebConsortium......
  • HTML的基本结构与注释
    注释<!--注释-->注释快捷键ctr+/结构<!DOCTYPEhtml>  <!--DOCTYPE:告诉浏览器我们使用的是什么规范,默认html5,可以不写--><htmllang="en"> <!--总标签,所有html代码都要在这个标签的开放标签和闭合标签之内--><head><!--头部标签,head标签代表网页头部-->......
  • 网络的基本标签
    网络的基本标签标题标签段落标签换行标签水平线标签字体样式标签注释和特殊符号标题标签<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>基本标签学习</title></head><body><!--标题标签--><h1>......
  • 关于HTML的表单标签
    html表单标签from表单标签里面就是所有用户填写的表单数据;action:"xxx.py"把表单数据提交给了哪一个后台程序去处理method="post"传递数据时用的是什么方法,post表示隐式提交数据,get表示明文传输数据 用户名:中文的冒号为了防止代码错误 input+tab键来生成代码 ......