html5基础探索(二)

1、框架网页

框架(frameset)用于将一个浏览器窗口分割成几个子窗口,每个子窗口显示一个网页文件,并在子窗口之间实现导航。框架的建立利用<frameset>标签和<frame>标签。

<frameset cols="25%,75%">

    <frame src="frame_a.htm">

    <frame src="frame_b.htm">

</frameset>

2、frame标签属性

7831591-381ab3b509442cb2.png
属性图示

3、框架网页中的超链接

target目标窗口属性

<frame src=url name=“窗口名”>

<a href=url target=“窗口名”> 点击我</a>

4、iframe

7831591-0345ee47bd249a3f.png
属性图示

5、表单from

<form action=“表单提交地址” method=“表单提交方式”>

......

</form>

注:

action(表单提交地址):处理该表单的服务器程序的URL地址

method(表单提交方式):有post和get两种提交方式

6、表单控件

文本框

<input type="text" name="userName" size="40" value="初始化值"/>

密码框

<input type=“password" name=“pwd" size="40" value="初始化值"/>

单选按钮

<input type=“radio” value=“男” name=“sex” checked=“checked”/>男多选按钮

<input type=“checkbox” value=“体育” checked=“checked” name=“fav”/>体育

下拉框

<select name=“指定列表名称” size=“行数”>

             <option value=“可选项的值” selected=“selected”>...</option>

             <option value=“可选项的值”> ...</option>

</select>

<select>

<optgroup label="Swedish Cars">

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

</optgroup>

<optgroup label="German Cars">

             <option value ="mercedes">Mercedes</option>

</optgroup>

</select>

按钮

<input type=“reset” value=“重置”/>

<input type=“submit” value=“提交”/>

<input type=“button” value=“点击我”/>

文本域

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


Demo :https://github.com/yssEric/HTML5Demo2.git

css基础探索(一)

猜你喜欢

转载自blog.csdn.net/weixin_34337381/article/details/87419233
今日推荐