web前端-HTML基本语法-表单-10-21

web前端-HTML

表单

1.概述

表单中有许多输入或选择组件，用户可以通过表单输入数据，最后由客户端提交给服务器。

2.基本框架

2.1文本框

<form action=“http://www.sohu.com”method=“post”>
	<label></label>
    <input>
</form>

form是表单标签。

<input  type=“text ”id=“userid”  name=“username” value=“”  size=““   readonly=“readonly” placeholder=“请输入”   disabled=“disabled”>

type属性表示选择框的类型。

text(文本类型) ；

radio(单选框) name属性一样形成互斥，可进行多选一。

checkbox(复选框) 相同的name为一i组。

复选框和单选框必须指定value值。

password(密码框)

size属性表示选择框的宽度。

value属性表示向服务器提交的值。

placehoider属性：文本框的提示(输入内容后会被覆盖)

readonly属性:只能进行读,不能更改文本框内的内容。

disabled属性:禁止使用。

标签修饰选择框，通过中的for属性将选择框名称与选择框关联起来。

2.2文件选择框

<input type=“file” name=“img”
accept=“.文件后缀名,.文件后缀名… “   限制文件类型/>

type=“file” 文件选择框

name=“img”文件选择框名

2.3下拉框

<select   name="bmon">
    <option  value=“” >选择省份</ option >
    < option value=“100”>山西</ option >
    < option value=“101” selected = ” selected ” >陕西</ option >
    < option value=“102”>河南</ option >
  </select>

选择省份 选项

selected = ” selected ” (默认选项)

下拉框的name,id,事件等需要在select中定义，而value需要在option中定义。

2.4多行文本框

<textarea name="name"    cols="40"    rows="6">
	        文本域中的内容     </ textarea > 

2.5按钮

<input type="reset"  value="按钮名称" />

触发重置功能，表单中的内容恢复到默认值。

<input type="submit" value="按钮名称" />

触发表单提交动作，表单内的内容提交到服务器中。

<input type="button" value="按钮名称" />

普通按钮，没有功能，只能被点击触发事件用。

内联框架

1.基本概念

内联框架可以在一个窗口内嵌入一个子窗口,从而在子窗口中引入一个外部的页面。

2.基本框架

<iframe src=#  name=#   width=#  height=#  frameborder=#> ... </iframe>

<a href="" target="aa">链接名称</a>
<iframe name="aa"></iframe>

当target="a’a"和name="aa"的值一样的时候，将在特定窗口打开新页面。

当target=“blank”，在新的窗口打开页面。

当target=“self”，在当前窗口打开页面。

当target="_parent"，在父级窗口打开页面。

当target="_top"，在顶级窗口打开页面
如有错误，欢迎私信指正。