微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html创建表单页面的代码

HTML表单<a href="https://www.jb51.cc/tag/yemian/" target="_blank" class="keywords">页面</a>

html创建表单页面的代码

    <form action="submit.PHP" method="post">
      <p>
        <label for="username">用户名:</label>
        <input type="text" name="username" id="username">
      </p>
      <p>
        <label for="password">密码:</label>
        <input type="password" name="password" id="password">
      </p>
      <p>
        <label for="gender">性别:</label>
        <input type="radio" name="gender" value="male" id="male"><label for="male">男</label>
        <input type="radio" name="gender" value="female" id="female"><label for="female">女</label>
      </p>
      <p>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
      </p>
    </form>
  
以上是使用HTML创建表单页面的基本代码。其中,form标签用于创建表单,通过action属性指定表单提交的路径,method属性指定提交方式为post。 在form标签内,使用p标签来对表单元素进行分组,使用label标签对表单元素进行标注,使用input标签来创建表单元素。其中,type属性指定元素类型,name属性指定元素名称,id属性用于在label标签内指定元素。 在提交按钮和重置按钮的标签内分别使用input标签,通过type属性分别指定为submit和reset。 最后,使用pre标签HTML代码呈现出来,以表示尖括号,通过编码实现标签内容的转义。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐