css表单

表单的基本设置

可以给一个元素设置多个样式;

表单:例如百度的搜索框;

作用:把用户信息提交给服务器;
使用 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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 解决父元素的高度塌陷 clearfix:after{ clearfix{ clear:both zoom:1 ...
    忆往昔04551阅读 699评论 0 0
  • 表单(form)的作用 主要负责数据的采集,作为网页与用户接触最直接、最频繁的页面元素,其在网站用户体验中占有最重...
    魔_术师阅读 1,547评论 0 2
  • Forms & Inputs(表单和输入框) list 类同样可以用于 input 元素。item-input 和...
    鹿守心畔光阅读 788评论 0 1
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,123评论 3 119
  •   JavaScript 最初的一个应用,就是分担服务器处理表单的责任,打破处处依赖服务器的局面。   尽管目前的...
    霜天晓阅读 751评论 0 3

友情链接更多精彩内容