HTML——form表单/个人信息

<html>
<head>
<title></title>
</head>
<body>
<form>
姓名:<input type="text" value="" name="user"><br><br>
密码:<input type="password" value="" name="pass"><br><br>
性别:<tr><td>
            <input type="radio" name="sex" value="1">男
            <input type="radio" name="sex" value="1">女
                    </td></tr><br><br>
   喜爱的运动:<br><input type="checkbox" name="baskball" value="1">篮球
                            <input type="checkbox" name="football" value="1">足球
              <input type="checkbox" name="baseball" value="1">棒球
                    <input type="checkbox" name="volleyball" value="1">排球 <br><br>
              <input type="submit"><br><br>
                            <!-- 提交 -->
   地址:<tr><td>
               <select multiple="multiple">
                     <option>北京</option>
      <option>上海</option>
      <option>天津</option>
      <option>深圳</option>
      <option>秦皇岛</option>
             </select>
             </td></tr><br><br>
   个人简介:<br><textarea name="info" cols="30" rows="10">填写信息</textarea><br><br>
    <fieldset>
    <legend>健康信息</legend>
    身高:<input type="text"> 体重:<input type="text">
    </fieldset>
   <input type="button" value="提交">
   <input type="button" value="重置">
</form>
</body>
</html>
好的,我来为您介绍一下HTML表单的制作及实例。 HTML表单是一种允许用户在网页上输入或选择信息的交互式元素。在HTML中,可以使用form标签来创建表单。下面是一个简单的HTML表单的代码示例: ``` <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄:</label> <input type="number" id="age" name="age"><br><br> <label for="gender">性别:</label> <input type="radio" id="male" name="gender" value="男"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="女"> <label for="female">女</label><br><br> <label for="hobby">爱好:</label> <select id="hobby" name="hobby"> <option value="reading">读书</option> <option value="running">跑步</option> <option value="swimming">游泳</option> </select><br><br> <label for="message">留言:</label> <textarea id="message" name="message"></textarea><br><br> <input type="submit" value="提交"> </form> ``` 上述代码创建了一个包含姓名、年龄、性别、爱好和留言等信息的简单表单。其中,label标签用于描述表单元素,input标签用于创建文本框、数字框、单选框和复选框等表单元素,select标签用于创建下拉列表框,textarea标签用于创建文本区域,submit按钮用于提交表单。 当用户点击提交按钮时,表单数据将被发送到服务器,服务器将根据表单数据执行相应的操作。 希望这个例子能够帮助您更好地理解HTML表单的制作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值