表单的基本设置
可以给一个元素设置多个样式;
表单:例如百度的搜索框;
作用:把用户信息提交给服务器;
使用 from 标签来创建一个表单;
image.png
image.png
action 提交表单到服务器的地址,(后台服务的地址)
创建文本框 : 用户名<input type = "text" name = "username">
创建搜索,提交按钮 <input type = "submit" value="提交">
文件上传,可以接受到二进制的 <method="post" enctype="multipart/from-date">
密码框 <input type="password" name = "pwd">
单选框 <input type="radio" name = "gender" >
多选框 <input typ所 ="checkbox" name = sports>
文本框里如果有value他会当做默认值 会直接提交默认值;
提示信息 placeholder = "用户名/邮箱/手机号"
下拉框 例如: 你喜欢的明星
<select name = "start" id=" ">
<option value = "ym">杨幂 </option>
</select>
默认明星 selected = "selected"
多选明星 multiple = "multiple"
select 用于创建一个下拉框;
option 表示下拉列表中的列表项;
optgroound 用于为列表项分组,分组女明星lable指定分组的名字;
文本域 多行文本框
<textarea></textarea>
--- cols 文本域的列数; --- rows 文本域的行数;
例如: 自我介绍<textarea name = "info"></textarea>
注册 <input type = "submit" value = "注册">
重置按钮,恢复到默认值或最原始;
<input type = "reset">重置按钮
只是一个按钮 <input type = "buton" value = "按钮">
建立一个新的提交
<button type="submit">提交 </button>
<lable for = "pwd">密码</lable>
<input id = "pwd" type = "passworld" name= "password">
for 起的是指向作用; href 目标地址
fieldset 用来为列表项进行分组
legend 用来指定每组的名字
lable 标签用来表示为列表项定义描述文字;
框架集
<frameset>不能和<body>出现在同一个页面中,包含外部页面,,字节数标签。
例如 :<frameset>
<frame src = "路径">
</frameset>
如果引入两个页面就给他加样式;
例如:<frameset cols = "50% 50%">
一个<frame>就是一个页
里面的内容都不会再搜索引擎所引入。
图片的修复
fix 修复的方法;
js 的代码要编写到<scrip>标签中
一般将<scrip>标签写到head里面(和style标签有点像)
--type 默认值 text/javescrip
--src 需要 引入一个外部js文件 指向文件的地址
if 如果 <end if> 结束
修复clearfix
image.png
image.png
条件Hacl
image.png
网友评论