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>

  • 相关阅读:
    使用node 创建一个新项目
    安装node 及相关配置
    Java面试查漏补缺
    科学计算软件——Octave安装
    Wine——在Linux上运行Windows软件
    windows和linux中搭建python集成开发环境IDE——如何设置多个python环境
    Ubuntu安装Gnome3
    ubuntu自定义分辨率
    Ubuntu添加开机自动启动程序方法
    sublime Text3及其插件的使用
  • 原文地址:https://www.cnblogs.com/xiaoyueyuedeboke/p/9657201.html
Copyright © 2011-2022 走看看