HTML 表单

最新推荐文章于 2024-11-11 17:28:03 发布

zt12

最新推荐文章于 2024-11-11 17:28:03 发布

阅读量294

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_31781327/article/details/72629210

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

HTML 表单和输入

HTML 表单用于搜集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 form 来设置:

HTML 表单 - 输入元素

多数情况下被用到的表单标签是输入标签（input）。
输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：
1、文本框（Text）
2、密码（password）
3、单选按钮（Radio Buttons）
4、复选框（Checkboxes）
input type=”checkbox” 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

5、提交按钮(Submit Button)
input type=”submit” 定义了提交按钮.
当用户单击确认按钮时，表单的内容会被传送到另一个文件。
表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>html常用表单元素</title>
</head>
<body>
    <form action="xxx.aspx" method="post">
        <input type="text" name="txtUserName"/>
        <input type="password" name="txtPwd"/>
        <select >
            <option>aa</option>
            <option>bb</option>
            <option>cc</option>
            <option>dd</option>
        </select> 
        <!-- 相同的name一次只会选择一个 -->
        <!-- <label for="dmale  点击文字时 也会选择radio -->
        <input type="radio" name="sex" id="dmale"  /><label for="dmale">女</label>
         <input type="radio" name="sex"/><label for="dmale">男</label>
         <!-- 上传文件 -->
       <input type="file" name="file"/>
         <!-- 复选框 -->
        <input  type="checkbox" "/>aa
          <input  type="checkbox" "/>bb
        <!-- 多行文本框 -->
        <textarea cols="50" rows="20"></textarea>

         <!-- 重置按钮 -->
        <input type="reset" />
         <input type="submit" />
          <input type="button" value="我是一个按钮"/>

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