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

很久很久以前学习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 不使用关键字 不用汉字 不用数字开头-->

<!--method 应当是提交数据的方式 get/post-->

<!--action 属性是 URL-->

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值