HTML基础 表单 知识汇总

表单:

<form id="" name="" method="post/get" action="负责处理的服务端">

id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见,

post提交没有长度限制,且编码后内容不可见。

</form>

1.文本输入

  文本框<input type="txt" name="" id="" value="" />

  密码框<input type="password" name="" id="" value="" />

  文本域<textarea name="" id="" cols=""(字符多少) rows=""(几行高)></textarea>

  隐藏域<input type="hidden" name="" id="" value="" />

2.按钮

  提交按钮<input type="submit" name="" id="" disabled="disabled" value="" />点击后转到form内的提交服务器的地址

  重置按钮<input type="reset" name="" id="" disabled="disabled" value="" />

  普通按钮<input type="button" name="" id="" disabled="disabled" value="" />

  图片按钮<input type="image" name="" id="" disabled="disabled" src="图片地址" />

  disabled使按钮失效

  enable使按钮可用

3.选择输入

  单选按钮组<input type="radio" name="" checked="checked" value="" />

  name的值用来分组,value的值看不见,提交给程序用的,checked设置默认选项。

  复选框组<input type="checkbox" name="" checked="checked" value="" />

  文件上传<input type="file" name="" id="" />

  <lable for=""></lable>

  lable标签为input元素定义标注。

  lable元素不会向用户呈现任何特殊效果,不过,他为鼠标用户改进了可用性。如果您在lable元素内点击文本,就会触发此控件。

  就是说,当用户选择该标签时,浏览器会 将焦点转到和标签相关的表单控件上。

  lable标签的for属性应当与相关元素的id属性相同。

4.下拉列表框

  <select name="" id="" size="" multiple="multiple">

  --size为1时,为菜单;>1时,为列表。multiple为多选。

    <option value="值">内容1</option>

    <option value="值" selected="selected">内容2</option>

    --selected,设为默认

    <option value="值">内容3</option>

  </select>

5.标签

<label></label>

字段集 (一堆label)

<fieldset></fieldset>

快速制作网页的方法:

  利用Photoshop中的切片工具来规划出要设置链接的位置,设置好后存储为web可使用的html格式。

用DREAMWEAVER打开,打开设计页面,选择切片弄好的位置,在属性中输入超链接的网址即可。

时间: 2024-10-17 11:04:11

HTML基础 表单 知识汇总的相关文章

HTML基础表单

HTML基础表单 1.表单标签 标签 描述 form:定义供用户输入的表单 input:定义输入域 textarea :定义文本域 (一个多行的输入控件) label :定义一个控制的标签 fieldset :定义域 legend :定义域的标题 select:定义一个选择列表 option :定义下拉列表中的选项 button :定义一个按钮 hoden:隐藏 submit:自带提交按钮 reset:重置 date:日期 radio:单选 checkbox:复选 number:数字 email

bootstrap 基础表单 内联表单 横向表单

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css"> </head> <body> <p c

Bootstrap系列 -- 11. 基础表单

表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">邮箱

0410表单知识

<a></a>标签内的其他标签用法,首先是锚点<a href="#">回到顶部</a>,位于有滚动条的页面最下端,点击直接回到页面最顶端.然后是<a href="#middle">回到中间</a>,前提是页面当中位置有个标签<a name="middle">中间</a>,这才可以点击后回到这个中间的a标签位置. 标题标签"<h1>

h5标签基础 表单form

表单:收集用户信息 一. 组成: 文本框<input type="text"/> 密码框<input type="password"/> 单选框<input type="radio"/> 多选<input type="checkbox"/> 基础下拉框: <select> <option></option> </select> 多选

11-17网页基础--表单

1.3.2 表单 一.作用:表单(Form)作为网页与用户接触最直接.最频繁的页面元素,其在网站用户体验中占有最重要的位置.而表单也常常用于用户注册.登录.投票等功能,用于吸引新用户,留住新用户的重要工具.如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低. 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本).不使用处理

1117网页基础--表单

表单 一.作用:表单(Form)作为网页与用户接触最直接.最频繁的页面元素,其在网站用户体验中占有最重要的位置.而表单也常常用于用户注册.登录.投票等功能,用于吸引新用户,留住新用户的重要工具.如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低. 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本).不使用处理脚本就不能搜

JavaScript:基础表单验证

在用户填写表单的过程之中,往往需要编写一堆的验证操作,这样就可以保证提交的数据时正确的.那么下面就模拟表单验证的处理操作完成. 如果要想进行验证,首先针对于输入的数据来进行一个验证处理. 1.定义一个基础的表单(从标准来讲每一个元素都一定要存在有一个ID属性) <form action="pass.html" method="post" id="loginForm"> <!--在以后的开发过程之中,必须要保证id与name属性内

Dreamweaver 网页基础--表单 及框架

1.3.2 表单 一.作用:表单(Form)作为网页与用户接触最直接.最频繁的页面元素,其在网站用户体验中占有最重要的位置.而表单也常常用于用户注册.登录.投票等功能,用于吸引新用户,留住新用户的重要工具.如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低. 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本).不使用处理