HTML表单和框架

1.HTML表单和输入
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等。
表单使用表单标签<form>来设置:

<form>
   input元素
</form> 

多数情况下被用到的表单标签是输入标签(<input>)
输入类型是由类型属性(type)定义的。大多数被用到的输入类型如下:
文本框(Text Fields)
<input type="text"> 定义供文本输入的单行输入字段:

<form>
        First name:<input type="text" name="firstname"><br>
        Last name:<input type="text" name="lastname">
    </form>

在这里插入图片描述
注意:表单本身不可见。在大多数浏览器中,文本框的默认宽度是20个字符。
密码字段
<input type="password"> 定义密码字段:

    <form>
        Password:<input type="password" name="pwd">
    </form>

在这里插入图片描述
密码不会明文显示,而是以星号或圆点替代。
单选按钮(Radio Buttons)
<input type="radio"> 定义单选按钮。

<input type="radio">定义了表单单选框选项
    <form>
        <input type="radio" name="sex" value="male">Male<br>
        <input type="radio" name="sex" value="female">Female
    </form>

在这里插入图片描述
复选框(Checkboxes)
<input type="checkbox"> 定义复选框。

<form>
 <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
 <input type="checkbox" name="vehicle" value="Car">I have a car
</form>

在这里插入图片描述
提交按钮(submit Button)
<input type="submit"> 定义提交表单数据至表单处理程序的按钮。
表单处理程序(form-handler)通常是包含处理输入数据的脚本的服务器页面。

<form name="input" action="http://www.baidu.com" method="get">
        Username:<input type="text" name="user">
        <input type="submit" value="Submit">
</form>

在这里插入图片描述
点提交后,数据会发送到http://www.baidu.com。
在这里插入图片描述
2.HTML框架
可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:

<iframe src="URL"></iframe>

高度和宽度

<iframe src="x.html" width="200" height="200"></iframe>

移除边框

<iframe src="x.html" frameborder="0"></iframe>
 <iframe src="x.html" name="iframe_a"></iframe>
    <p><a href="https://www.nowcoder.com" target="iframe_a">NOWCODER.COM</a></p>

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值