表单的内容和标签与块级元素和行内元素

label标签为input元素定义标签

用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点

基本语法

​
<label for="male">文本</label>
<input type="text" name="sex" id="user" />

​

textarea标签,需要输入大量信息,就需要用<textarea></textarea>标签

通过textarea标签可以创建多行文本框

基本语法

<textarea cols="每行的字符数" rows="显示的行数">
     输入的文本内容
</textarea>

select标签,定义为下拉标签

<select></select>标签中必须要包裹一对<option></<option>标签,在其中定义selected="selected"时,当前选项为默认选中项

基本语法

​
<select>
   <option>选择项</option>
   <option>选择项</option>
   <option>选择项</option>
</select>

​

 

form标签被用于定义表单域

即创建一个表单,以用来实现对用户信息的收集和传递

基本语法

<form action="ur1地址" method="提交方式" name="表单名称">
     各种控件
</form>

表单的提交方式

指代不同

GET:从指定的资源请求数据

POST:向指定的资源提交要被处理的数据

规则不同

GET:请求可被缓存;请求保留在浏览器历史记录中;请求可被收藏为书签;请求不应在处理敏感数据时使用

POST:请求不会被缓存;请求不会保留在浏览器历史记录中;不能被收藏为书签;请求对数据的长度没有要求

数据要求不同

GET:发送数据时,GET方向是向URL添加数据;URL的长度是受限制的,URL的最大长度是2048字符;安全性较差,因为发送的数据是URL的一部分

POST:发送数据无限制;POST比GET更加安全,因为参数不会被保存在浏览器历史或web服务器日志中

块级元素

在浏览器中占据整行,并排斥其它元素与其位于同一行,也就是说,块级元素默认宽度100%

常见元素

块级元素说明
div最典型的块级元素
p表示段落
h1-h6表示1-6级标题(默认加粗)
ul无序列表
ol有序列表
br表示换行

行内元素

行内元素又称内联元素,在浏览器中可以与其它行内元素共占一行,只有当多个元素的总宽度大于浏览器的宽度就会换行显示

常见元素

行内元素说明
a超链接
span常用行级
strong加粗,强调
b加粗,不强调
em斜体,强调
i斜体,不强调
img图片
input输入框
select下拉列表

iframe嵌套框架

<iframe>标签html元素,用于在网页中内嵌另一个网页。

基本元素

src指定内联网页的地址
frameborderiframe默认有个边界,可以设置frameborder0清除边界
widthheigh控制iframe的宽高
name框架的名称
scrolling是否可滚动,yes ,no , auto

需要大量重复性使用的页面可以使用iframe嵌套

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值