HTML表单

最新推荐文章于 2025-02-09 22:23:03 发布

每一段路程都是一种领悟

最新推荐文章于 2025-02-09 22:23:03 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

文章标签： HTML5 表单

本文链接：https://blog.youkuaiyun.com/qq_34290202/article/details/78248291

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body bgcolor="aqua" background="10452698_184610682000_2.jpg">
<form>
   用户名:
    <input type="text">
    <br/>
    密码：
    <input type="text">
    <br/>
    你喜欢的水果是：
    <br/>
   apple<input type="checkbox">
   banana<input type="checkbox">
   organ<input type="checkbox">
    <br/>
    您的最爱是：
    <br/>
    apple<input type="radio" name="sex">
    banana<input type="radio" name="sex">
    organ<input type="radio" name="sex">  <!--此处要设置一个name属性，将性别选项放在一个组之中，这样就能实现单选-->
    <br/>
    请选择网站：
    <select>
        <option>www.jikexueyuan.com</option>
        <option>www.baidu.com</option>
        <option>www.google.com</option>
    </select>
    <input type="button" value="按钮">
    <input type="submit" value="确定">
</form>
<textarea cols="30" rows="10">请填写个人信息：</textarea>
<br/>
</body>
</html>