HTML表单

HTML–表单

表单是可以输入或者选择的组件,用户输入信息数据,然后提交到后台服务器.

表单标签

form—表单标签,一块区域,组件写在标签内

单行文本框

input type=“text”—输入单行信息
id=""—为标签定义id号,自定义的,唯一的,不可重复的,不能用数字作为开头
name=""—自定义的,可重复的,向服务器提交数据的键
value=""—向服务器提交的值
placeholder=“请输入账号”—提示信息,在未输入数据内容前方框内显示的内容,输入数据内容后可被覆盖
readonly=“readonly”—只读状态,不能写,可以向服务器提交数据
disabled=“disabled”—禁止使用组件,不能向服务器提交
< label for=“id值”>账号< /lable>—对应id处,点击账号,可对应输入栏

 <form >
    <!-- 单行信息输入,如账号,电话 -->
    <label for="ssy">账号</label>
	<input type="text" name="" 
	id="ssy" value="" placeholder="请输入账号"/> 
</form>

密码框

input type=“password”—密码框组件

密码<input type="password" placeholder="请输入密码"/> 

单选框

input type=“radio”—单选框组件

name=""—名字相同为一组

checked=“checked”—默认选择

性别:<input type="radio" name="sex" value="男" checked="checked"/>男
	 <input type="radio" name="sex" value="女"/>女

复选框

input type=“checkbox”—复选框组件

name=""—名字相同为一组

课程:<input type="checkbox" name="course" checked="checked"/> c
	<input type="checkbox" name="course"/>html
	<input type="checkbox" name="course"/>c++ 

下拉选择框

select—下拉选择框组件,name属性添加在select中

option—下拉选择框的选择内容

selectde—下拉选择框的默认选定内容

省份:<select name="">
	<option value="610" >陕西</option>
	<option value="320">湖南</option>
	<option value="420"selected="selected">河南</option>
	</select>

文件选择框

input type=“file”—附件,头像等文件选择框

acept=“设置选择文件的类型”

附件:<input type="file"accept="image/gif" /> 

多行文本框

textarea—多行文本域

cols=""—文本框的列数

rows=""—文本框的行数

家庭地址:<textarea value="" name="adress" rows="5" cols="20"></textarea>

按钮标签

input type=“reset”—重置按钮,将表单的内容还原到初始状态.
value=""—按钮框内显示的文本
input type=“submit”—提交按钮,提交表单内容
input type=“button”—普通按钮,触发事件,调用函数

 <input type="reset" value="重置按钮"/>
 <input type="submit" value="提交" />
 <input type="button"value="按钮" οndblclick=""alert('输入格式不正确')" />

超链接–内联框架

iframe标签可以在一个窗口嵌入另一个网页,从而在窗口引入另一个页面

target=“窗口名称” —在指定的窗口中打开

target="_parent" 在父级窗口打开

target="_top" 在最顶级窗口打开

父页面
		<a href="baidu.com" target="t1">百度</a>
		<a href="qq.com" target="t1">腾讯</a>
		<iframe src="1.html" name="t1"></iframe>
子页面
		<a href="baidu.com" target="_parent">百度_parent</a>
		<a href="qq.com" target="_top" >腾讯_top</a>
		<iframe src="2.html"></iframe>
孙子页面
		<a href="baidu.com" target="_parent">百度_parent</a>
		<a href="qq.com" target="_top" >腾讯_top</a>