html表单

rcj15651130122

于 2023-04-02 09:00:02 发布

阅读量92

点赞数

文章标签： html 前端 servlet

本文链接：https://blog.csdn.net/rcj15651130122/article/details/129906651

版权

本文介绍了HTML中的表单元素，包括输入框、下拉框、文本域和按钮等，并详细讲解了表单属性如placeholder、maxlength和required等，以及form标签的action、method属性，探讨了表单数据的传输方式和自动填充功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        账号:<input type="text" name="name"><br><br>
        密码:<input type="password" name="password"><br><br>
        性别:<input type="radio" name="sex" checked id="man">
        <label for="man">男</label>
             <input type="radio" name="sex">女<br><br>
        爱好:<input type="checkbox">跑步
            <input type="checkbox">听音乐
            <input type="checkbox" checked>打游戏
            <input type="checkbox">健身<br><br>
        邮箱:<input type="email"><br><br>
        手机:<input type="tel"><br><br>
        日期:<input type="date"><br><br>
        文件:<input type="file"><br><br>
        普通按钮:<input type="button" value="普通按钮"><br><br>
        提交按钮:<input type="submit" value="提交按钮"><br><br>
        重置按钮:<input type="reset" value="重置按钮"><br><br>
        选择水果:<select>
            <option value="">苹果</option>
            <option value="" selected>香蕉</option>
            <option value="">橘子</option>
        </select><br><br>
        你的留言:<textarea cols="30" rows="10"></textarea><br><br>
        <button type="button"><a href="http://www.baidu.com">点击去百度</a></button>
        <button type="submit"><img src="../第一节：初始HTML/作业01/初识html.png" width="100px"></button>
        <button type="reset">重置</button>

    </form>
</body>
</html>