Form表单内哪些标签里的内容可以被提交

在一个 HTML <form> 内部,可以提交的内容通常包括以下类型的标签内的数据:

  1. 文本输入框 (<input type="text">): 用户在文本输入框中输入的文本可以被提交。

  2. 密码输入框 (<input type="password">): 用户在密码输入框中输入的密码可以被提交。

  3. 单选按钮 (<input type="radio">): 用户选中的单选按钮的值可以被提交。

  4. 复选框 (<input type="checkbox">): 用户选中的复选框的值可以被提交。

  5. 下拉列表 (<select>): 用户选择的下拉列表选项的值可以被提交。

  6. 文本区域 (<textarea>): 用户在文本区域中输入的文本可以被提交。

  7. 文件上传 (<input type="file">): 用户选择的文件可以被提交,前提是 <form> 具有适当的 enctype 属性(通常设置为 "multipart/form-data")以支持文件上传

前提条件是用户必须在表单中提供有效的数据,并点击提交按钮(通常是一个 <input type="submit"><button type="submit"> 元素),以将这些数据提交到服务器。表单的 method 属性定义了数据提交的 HTTP 请求方法(通常为 "GET" 或 "POST"),而 action 属性定义了数据将被提交到的目标 URL。

例如,以下是一个简单的表单示例:  需要有name属性

还有个隐藏域<input type="hidden" value="yincang" name="yincang" />

<form action="process.php" method="post">
    <input type="text" name="username">
    <input type="password" name="password">
    <input type="radio" name="gender" value="male">
    <input type="radio" name="gender" value="female">
    <input type="checkbox" name="subscribe" value="yes">
    <select name="country">
        <option value="usa">USA</option>
        <option value="canada">Canada</option>
        <option value="uk">UK</option>
    </select>
    <textarea name="comments"></textarea>
    <input type="file" name="file_upload">
    <input type="submit" value="提交">
</form>

<input type="reset" /> 会自动有"重置"
<input type="submit"/>会自动有提交

可以用value属性来修改 例如<input type="reset" value="恢复"/>      <input type="submit" value="保存"/>

    form标签就是表单
        input type=text     是文件输入框  value设置默认显示内容
        input type=password 是密码输入框  value设置默认显示内容
        input type=radio    是单选框    name属性可以对其进行分组   checked="checked"表示默认选中
        input type=checkbox 是复选框   checked="checked"表示默认选中
        input type=reset    是重置按钮      value属性修改按钮上的文本
        input type=submit   是提交按钮      value属性修改按钮上的文本
        input type=button   是按钮          value属性修改按钮上的文本
        input type=file     是文件上传域
        input type=hidden   是隐藏域    当我们要发送某些信息,而这些信息,不需要用户参与,就可以使用隐藏域(提交的时候同时发送给服务器)

        select 标签是下拉列表框
        option 标签是下拉列表框中的选项 selected="selected"设置默认选中

        textarea 表示多行文本输入框 (起始标签和结束标签中的内容是默认值)
            rows 属性设置可以显示几行的高度
            cols 属性设置每行可以显示几个字符宽度

<form>
    用户名称:<input type="text" name="username" /><br/>
    用户密码:<input type="password" name="password" /><br/>
    确认密码:<input type="password" value="123456" /><br/>
    性别:<input type="radio" name="sex" value="1" />男<input type="radio" name="sex" checked="checked" value="2" />女<br/>
    兴趣爱好:<input type="checkbox" checked="checked" name="hobby" value="java" />Java<input type="checkbox" name="hobby" value="JavaScript" />JavaScript<input name="hobby" value="C++" type="checkbox" />C++<br/>
    国籍:<select name="guoji">
            <option>--请选择国际--</option>
            <option selected="selected" value="zh">中国</option>
            <option value="mg">美国</option>
            <option value="rb">日本</option>
        </select>
    自我评价:<textarea rows="10" cols="20" name="desc">xxxxx</textarea><br />
    <input type="reset" />
    <input type="submit" />
    <input type="hidden" name="hid"/>

</form>

http://localhost:63342/sggjavaweb/01_html_css/html/10.%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4%E7%9A%84%E7%BB%86%E8%8A%82.html?username=&password=&sex=2&hobby=java&guoji=%E4%B8%AD%E5%9B%BD&desc=xxxxx&hid=

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hrui0706

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值