zoukankan      html  css  js  c++  java
  • HTML--Boby部分Input之单选框

     随笔记录方便自己和同路人查阅。

    #------------------------------------------------我是可耻的分割线-------------------------------------------

    新建.html格式文件,输入以下内容

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>input系列</title>
    </head>
    <body>
        <form>
            <p>性别:</p><input  type="radio"/><input  type="radio"/>
        </form>
    </body>
    </html>

    使用浏览器打开后展示内容:

    radio类型在浏览器中显示为单选框,但是有一个问题是,在以上结果展示中可以看出,虽然为单选框,但是可以都选中,我们给radio加入name

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>input系列</title>
    </head>
    <body>
        <form>
            <p>性别:</p><input  type="radio" name="sex"/><input  type="radio" name="sex"/>
        </form>
    </body>
    </html>

    结果展示:

     这样就实现了单选框操作,性别执行选中一个。别急这样还有一个问题,就是无法提交到后台。

  • 相关阅读:
    pom.xml将jar包导入
    获取当前系统日期的前一天日期
    判断socket连接是否失效
    java读取数据,2,2,1方式读取
    笔记
    回调机制
    吧字符串按逗号分割为数组
    时间格式的转变
    java.net.SocketException四大异常解决方案
    log4j
  • 原文地址:https://www.cnblogs.com/lirongyang/p/11250484.html
Copyright © 2011-2022 走看看