css表单

作者: 秋殇灬 | 来源:发表于2018-07-18 08:39 被阅读0次

表单的作用:收集客户端信息,然后提交到服务器。

表单标记

<form name="名称" action="服务器页面URL" method="post|get">
...
...
</form>

action属性值为空,代表提交给自身。

必须为所有表单元素(控件)赋予含义明确的名称。

文本框

单行文本框:<input type="text" name="名称" value="值"/>
密码框:<input type="password" name="名称" value="值"/>
多行文本框:<textarea name="名称" rows="行数" cols="列数">值</textarea>
单选框

<input type="radio" name="名称" value="值" checked="checked"/>

说明:

一组类型的单选框名称必须相同
必须为单选框赋值
checked表示是默认的,只有一个可以加

复选框

<input type="checkbox" name="名称" value="值" checked="checked"/>

参照单选框。

列表框

<select name="名称">
    <option value="值" selected="selected">文本</option>
    ...
</select>
文本域(浏览框)
<input type="file" name="名称"/>

按钮

提交按钮<input type="submit" value="值(显示文本)"/>
取消按钮<input type="reset" value="值(显示文本)"/>
自定义按钮<input type="button" value="值(显示文本)"/>
隐藏域(提交正确的但无需用户干涉的值)
<input type="hidden" name="名称" value="值"/>

说明:

文本框的value属性,单选框/复选框的checked属性,列表框的selected属性,在编辑信息的时候着重注意。

相关文章

  • Css样式属性,表单,部分HTML5标签

    Css样式属性 1.CSS设置文本样式 2.CSS设置图片,背景 表单 表单起到与网页访问者进行交互,与向服务器发...

  • HTML和CSS

    表单标签 表单标签(下拉菜单和多行文本域) 空白标签 认识css css选择器 伪类选择器

  • 原生JS表单美化

    1.表单美化—单选框 html结构 css样式 js代码 2.表单美化—复选框 html结构 css样式 js代码...

  • day22 常用标签和CSS

    01表单标签(input) 02表单标签(下拉和多行文本域) 03空白标签 04 认识CSS 05CSS选择器 0...

  • css表单

    表单的基本设置 可以给一个元素设置多个样式; 表单:例如百度的搜索框; 作用:把用户信息提交给服务器;使用 fro...

  • css表单

    表单的作用:收集客户端信息,然后提交到服务器。 表单标记 action属性值为空,代表提交给自身。 必须为所有表单...

  • CSS 表单

  • Python小白学习进行时---css基础(2018-7-011

    一、表单标签 二、div和span 三、css基础 四、css选择符 五、组合选择器 六、伪类选择符 一、表单标签...

  • Day2 常用标签和css

    01.表单标签 02.表单标签(下拉和多行文本域) 03.空白标签 04.认识css 05.css选择器 06.伪...

  • 5. JavaScript开发基础——CSS知识

    5.1 CSS的相关概念 CSS 是英文 Cascading Style Sheets(层叠样式表单)的缩写,通常...

网友评论

      本文标题:css表单

      本文链接:https://www.haomeiwen.com/subject/xgcgpftx.html