表单基本的用法

基本的表单结构

<from action="get/post" url="服务器的地址">
</from>

单行文本框

<input type="text" placeholder="提示文字" name="">

密码框

<input type="password" name="" placeholder="">

多选框

<input type="checkbox" name="like" value="k">钱
<input type="checkbox" name="like" value="w">花

单选按钮

<input type="radio" name="sex" value="m"/>
<input type="radio" name="sex" value="w"/>

上传文件

<input type="file" name="" accept="image/jpp">

隐藏域(用来检测数据的数据安全)

<input type="hidden" name="" value=""/>

按钮

<button>普通按钮</button>
<input type="submit" value="提交按钮"/>
<input type="button" value="普通按钮"/>
<input type="reset" value="重置按钮">

多行文本

<textarea name="" row="行" cols="列"></textarea>

下拉菜单

<select>
<option value="apple">苹果</option>
<option value="red" selected>红色</option>
<option value="blue">蓝色 </option>
</select>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 930评论 0 1
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 457评论 0 1
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,252评论 4 61
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,233评论 3 17
  • 大部分对于远程办公的偏见在于,认为所有远程的协作都是无法掌控的。我们使用电话会议来讨论的事情,面对面可能只需要半分...
    梅晨斐阅读 2,543评论 2 12