HTML表单

通过表单可以向服务端提交数据
表单

<form>
</form>

input空间
type控件的类型
name控件的名称
value控件的值
输入框

<form>
  <input type="text" name="" value="" placeholder="" />
  <input type="password" />
</form>

单选框
type="radio"
name相同
value必须有值
checked="true"默认选中

<form>
  <input type="radio" name="sex" value="male" checked="true" />
  <input type="radio" name="sex" value="female" />
</form>

复选框

<form>
  <input type="checkbox" name="" value="" checked="true" />
  <input type="checkbox" name="" value="" />
</form>

下拉框

<form>
  <select name="">
    <option>选项</option>
    <option>选项</option>
  </select>
</form>

文件选择

<form>
  <input type="file" name="" />
</form>

按钮
submit提交按钮
reset重置按钮
点击提交按钮会提交所有和按钮在同一表单下设置了name值的控件的value
点击重置按钮会重置所有和按钮在同一表单下的控件的值

<form>
  <input type="submit" value="提交">
  <input type="reset" value="重置">
  <input type="button" value="按钮">
  </form>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 表单是如何工作的? 用户在网页上填写表单并提交所填信息,浏览器将用户提交的数据发送至 Web 服务器, Web...
    饥人谷_Mily阅读 4,921评论 0 1
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 9,516评论 0 3
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,258评论 0 1
  • 在家呆的日子,最开心的事情有三:搓麻将、有饭吃、见老友。 和朋友相识多年,几千个日子里,见面的次数却寥寥无几。在各...
    一杯空氣的欢喜阅读 1,481评论 0 0
  • 辞旧迎新,公司发展依然刻不容缓,并且迎来新的挑战、新的目标和新的规划,各个部门忙于盘点历史数据和完成的工作结果,同...
    邰定德阅读 2,790评论 0 0

友情链接更多精彩内容