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>