您的位置：首页 > Web前端 > HTML

Html入门学习笔记03—Iframe和form表单理解

2020-06-05 05:36 555 查看

很久很久以前学习html的笔记记录，很随意，但都是自己记录的，希望对需要的人有所帮助。

本文使用word2013编辑并发布

Postbird | There I am , in the world more exciting!

Postbird personal website : http://www.ptbird.cn

Iframe的使用

有时候，需要在<body>的页面嵌入另一个页面，形成画中画的效果-->iframe

<a href="" target="iframe2"></a>

<iframe name="iframe2" src="http://www.baidu.com" width="600px" height="500px"></iframe>

表单元素

常见表单元素：

（输入框单选框复选框密码框文本域密码框上传文件）

基本语法结构：

<input type="类型" name="名字" value="">

value 是在打开的时候就有的内容

表单元素通常是<form></form>包起来

类型可以写：

<form action="url" method=""></form>

<form action="ok.html" method="post">

Name &nbsp &nbsp: <input type="text" name="name"><br/>

Password: <input type="password" name="password"><br/>

<input type="submit" value="Submit"/>

<input type="reset" value="Reset"/>

复选框

<input type="checkbox" name="city"value="beijing"> Beijing</input>

单选框

<input type="radio" name="sex"value="female" checked>Female</input>

隐藏域（如果我们希望偷偷的提交数据，不要影响界面效果，可以考虑使用隐藏域）

<input type="hidden" name="data" value="ok"></input>

<input type="submit" value=" hidden sunmit">

传送的值是 data="ok"

图片的提交按钮

<input type="image" src="psb.jpg" />

传送的是value的值

下拉列表

<select name="address" size="2 multiple">

<option value="sichaun">Sichuan</option></br>

<option value="beijing">Beijing</option></br>

传送的时候是 address='sichuan' size="2 multiple"表示可以选择两个

文本域

<textarea name="text" cols="50" rows="10" wrap="off"></textarea><br/>

cols 列 rows 行 wrap 不会默认换行

在文本域中打开时后就有请输入的字体

maxlength

最多输入多少字

checked

单选框复选框默认选择一个或几个

selected

fieldset

<fieldset style="width:300px">

<legend ><font color="blue">★审核状态</font></legend>

<form>

<input type="radio" name="state">已经审核</input>

<input type="radio" name="state">没有审核</input>

<input type="radio" name="state">全部</input>

</form>

</fieldset>

可以使用隐藏域来提交多个表单进行区分

转载于:https://my.oschina.net/postbird/blog/672293

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航