html表单的用法

定义:HTML 表单用于搜集不同类型的用户输入。
用<form> 元素定义html表单:

<form>
form 表单
</form>

常用属性:

  • Action
    action 属性定义在提交表单时执行的动作。
  • Method
    method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST)。
  • Name
    规定识别表单的名称。
  • Target
    规定 action 属性中地址的目标。

HTML 表单包含的常用表单元素:

  • 文本输入
    <input type="text"> 定义用于文本输入的单行输入字段:
<form>
<input type="text" name="firstname">
<input type="text" name="lastname">
</form> ```
- 单选框
`<input type="radio">` 定义单选框

<form>
<input type="radio" name="sex" value="男"> 男
<input type="radio" name="sex" value="女"> 女
</form> ```

  • 多选框
    <input type="checked"> 定义多选按框
<form> 
您喜欢的水果?<br /><br /> 
<label><input name="Fruit1" type="checkbox" value="" checked/>苹果 </label> 
<label><input name="Fruit2" type="checkbox" value="" />桃子 </label> 
<label><input name="Fruit3" type="checkbox" value="" />香蕉 </label> 
<label><input name="Fruit4" type="checkbox" value="" />梨 </label> 
</form> 
  • 密码输入框
    <input type="password"> 定义密码输入
<form>
<input type="password" name="pwd" /></form>
</form> ```
- 按钮button对象
`<input type="button">` 定义最一般普通的按钮

<form>
<input type="button" name="button" /></form>
</form> ```

  • 文件提交
    <input type="file"> 定义文件上传提交
<form>
<input type="file" />
</select>
</form>
  • submit提交表单
    <input type="submit">
<form>
<input type="submit" />
</form>
  • select标签
    <input type="select"> 一般用来定义下拉菜单
<form>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
  • label标签
    <label for="name">xxx</label> 对输入框和密码框的文字说明
<form>
<label for="name">姓名</label>
<input type="text" name="name"id=”name“>
</form>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 434评论 0 1
  • HTML 表单:输入用户信息的单子,收集填写的信息给服务器后台例: form:定义html表单,粗浅理解为包裹表单...
    我七阅读 404评论 0 0
  • 在 HTML 中,表单是由 标记定界的区域,包含文本输入框、按钮、复选框和图形用户界面的其他功能部件。Web ...
    莱昂纳德刚阅读 481评论 0 0
  • 一直不喜欢动物,比如狗啊,猫啊之类的,也把自己定义为没有爱心,但比我小了11岁的妹妹却非常喜欢这些小动物。 ...
    杞什么人忧什么天阅读 322评论 0 0
  • 大家抬爱,作为新手,我写的,嗨!想学国画的你看过来一到四,都入选了首页,而且,几乎所有的投稿都被接受,只在...
    狐狸小奈儿阅读 1,251评论 8 15