HTML<form><input><select>

<form>

调整页面(HTTP POST请求)

如果form表单里面没有提交按钮就无法提交该form表单。

例:

<form action="users" method=post>

<input type="text" name="username">

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

<input type="submit" value="提交">如果为button不能按回车进行提交

</form>

当客户在 input 输入英文字母之外的文字时都会转译为utf-8,并且每一个字节用%间隔开再进行传输。

属性:

action:

规定当提交表单时向何处发送表单数据。

method:

发送 form-data 的 HTTP 方法。

默认值有:

get 几乎不用,会把参数放入查询参数

post 不会把参数放入查询参数,headers会出现第四部分

target:

_blank 创建个空的新页面打开

_parent 父级页面打开(需要和iframe组合使用)

_self 自己这个页面打开

_top 最外层iframe打开

framename 找到这个名字的iframe打开

<input>

用于搜集用户输入信息。

可以用label包裹起来,让文字也可以点。

input和button标签的区别input是没有子元素的,button是可以有子元素的

<label><input type="radio">xxx</label>

属性:

type:

button 与submit的区别,放在form,可以用回车进行提交。

checkbox 多选框多个input标签可以用name关联

file

hidden

image

password 密码输入框,http传输时还是明文

radio 单选框多个input标签可以用name关联,

reset

submit 提交按钮

text 文本输入框

<select>

下拉框

<select>

<option value ="null">-</option>

<option value ="volvo">Volvo</option>

<option value ="saab" selected>Saab</option>

<option value="opel">Opel</option>

<option value="audi">Audi</option>

</select>

属性:

disabled 规定禁用该下拉列表。

multiple 规定可选择多个选项。

size 规定下拉列表中可见选项的数目。

<option>

<select>下拉列表中的一个选项(一个条目)。

属性:

disabled 规定此选项应在首次加载时被禁用。

label 定义当使用 <optgroup> 时所使用的标注。

selected 规定选项(在首次显示在列表中时)表现为选中状态。

value 定义送往服务器的选项值。

<button>

标签定义一个按钮。

属性:

type:在form里如果没写type会直接升级为submit

button

reset

submit

<textarea>

标签定义多行的文本输入控件。

css控制是否可拉,控制框体大小

一定要给个name属性

<tabel>

表单,只能有3个子元素:

<thead></thead>表头

<tbody></tbody>表身体,没写改标签浏览器会自动补上

<tfoot></tfoot>表脚

顺序按照<thead>、<tbody>、<tfoot>排列

<colgroup> 和<col width=100 bgcolor=red>标签混合着用的控制每行的宽高

<tr>

全称为:table row,标签定义 HTML 表格中的行。

<td>

全称为:table data,标签定义 HTML 表格中的标准单元格。

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

推荐阅读更多精彩内容

  • HTML表单HTML表单用于搜集用户输入HTML表单常用属性及说明:属性描述accept-charset规定在被提...
    Lv_0阅读 509评论 0 1
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,235评论 3 17
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • 本文将继续上文接着介绍一些HTML常用标签 1:HTML全局属性 在介绍常用常见的HTML标签之前,先以最简单的方...
    憨憨二师兄阅读 369评论 0 0
  • 一.什么是< form>表单 格式: 作用:form表单一般用来收集用户的信息,并把信息传送到后台。 注意点:1....
    饥人谷_刘冲阅读 2,775评论 0 1