HTML 表单

2018-07-12  本文已影响0人  会说话的乌鸦

解决父子元素边框重叠和高度塌陷的通用方法

.clearfix:after,.clearfix:before{
     content: " ";
     display:table;
     clear:both;
     
  }

表单

创建一个表单

<from action='后台服务区的地址'> </from>

使用input来获取用户的输入以 键值对 的形式提交
from属性
get:键值对形式直接提交
post:打包提交
entype='multipart/form-data:提交文件形式的数据

input的type属性 type=" "

text:文本输入
password: 密码框
radio:单选框 必须设置value=‘’ 属性
checbox:多选框 必须设置value=‘’ 属性
reset:重置按钮
submit:提交按钮 设置value= ‘’修改按钮显示

都需要设置一个name属性,没有name不会提交

可以用相同的name值,将同样的分为一组,一起提交

placeholder=' ' :设置文本提示信息
checked=“checked”可设置默认选项
可以type=‘button':设置一个单纯的按钮
<select>:设置下拉列表
<option>: 下拉列表选项
可以通过在option中添加selected="selected"来将选项设置为默认选中
<optgroup>:位列表分组 设置label属性设置组名
<textarea>:设置文本域 可以输入多行数据
<button>:设置按钮标签 #和input的相同,但是更加灵活,例如将按钮设置为图片

<label>通过for=“id名” 和input的id 链接起来,也方便写样式

表单分组

<fieldse> 为表单项分组
<legend> 设置组名
<label>设置描述表单的文字

框架集 从外部引进网页在内部显示

<frameset> </frameset>
<frame src=“文件路径”> 引入网页
不能和body出现在一起 可以嵌套
属性 :rows 列 竖着排 cols 行 横着排
例:cols=“50%,50%” 添加2个页面的分布
框架集不会被搜索引擎搜到

上一篇 下一篇

猜你喜欢

热点阅读