zoukankan      html  css  js  c++  java
  • 关于单选复选框

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>单选复选框</title>
    <link href="style.css" rel="stylesheet">
    </head>
    <body bgcolor="pink">
    <center>
    <h1>请填写以下信息并提交</h1>
    <div style="color:red">
    <form action="tijiao.html">
    姓名: <input type="text" name="yonghuming" id="yonghuming" required><br>
    班级: <input type="text" name="mima" id="mima" required><br>
    年龄:<input type="number" name="nianling" id="nianling" required><br>
    性别:<input type="text" name="xingbie" id="xingbie" required><br>
    电话:<input type="tel" name="dianhua" id="dianhua" required><br>
    爱好:<input type="text" name="miaihao" id="aihao" required><br>
    邮箱:<input type="email" name="youxiang" id="youxiang" required><br>
    </div>
    <div style="color:rgb(97, 238, 19)">
    <p>你喜欢旅游吗?</p>
    <input type="radio" name="like" value="喜欢" />喜欢
    <input type="radio" name="like" value="不喜欢" />不喜欢
    <input type="radio" name="like" value="一般" />一般
    </div>
    <div style="color:blue">
    你喜欢什么运动?<br/>
    <label><input name="sport" type="checkbox" value="跑步" />跑步 </label>
    <label><input name="sport" type="checkbox" value="篮球" />篮球 </label>
    <label><input name="sport" type="checkbox" value="足球" />足球 </label>
    <label><input name="sport" type="checkbox" value="羽毛球" />羽毛球 </label>
    <label><input name="sport" type="checkbox" value="跳高" />跳高 </label>
    <label><input name="sport" type="checkbox" value="攀岩" />攀岩 </label>
    <label><input name="sport" type="checkbox" value="跳绳" />跳绳 </label> <br>
    <input type="submit" value="提交">
    </form>
    </div>
    </center>
    </body>
    </html>

  • 相关阅读:
    [C++] static member variable and static const member variable
    [C++] const inside class VS const outside class
    [C++] OOP
    [C++] Function Template
    [C++] right value reference
    [C++] advanced reference
    [C++] const and char*
    [C++] c Struct VS c++ Struct
    [C++] decltype(auto) C++ 11 feature
    easyui-validatebox 的简单长度验证
  • 原文地址:https://www.cnblogs.com/xiaoyueyuedeboke/p/9657201.html
Copyright © 2011-2022 走看看