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"，在顶级窗口打开页面 如有错误，欢迎私信指正。