表单标记

表单----结合0504文件老师讲的实例来看。

<form id="" name="" method="post/get"服务端">

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

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

</form>

1.文本输入

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

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

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

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

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="" />

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>

实例:

<form>
<table width="1000" height="600" align="center" border="0">
<tr>
<td height="100" width="200">邮箱:
</td>
<td><br><br><input type="text"/ value="[email protected]"><br /><br />
需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱
</td>
</tr>
<tr>
<td height="100">登录用户名:</td>
<td><br><br><input type="text"/><br/><br/>
仅在登录时使用,字符数不少于4个
</td>
</tr>
<tr>
<td height="100">显示名称:</td>
<td><br><br><input type="text"/><br/><br/>
即昵称,字符数不少于2个
</td>
</tr>
<tr>
<td height="100">
密码:<br><br>确认密码:
</td>
<td><br><br><input type="password"><br><br><input type="password" />
<br><br>至少8位,必须包含字母,数字,特殊字符
</td>
</tr>
<tr>
<td height="100">性别:<br><br>喜好:</td>
<td><input type="radio" name="sex" />男
<input type="radio" name="sex" />
女<br><br>
<select size="1" disabled="ensabled">
<option selected="selected">听音乐</option>
<option>篮球</option>
<option>游戏</option>
<option >游泳</option>
</select></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="注册">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="重置"></td>
</tr>
</table>
</form>

时间: 2024-11-09 00:05:06

表单标记的相关文章

html表单标记简单使用

1.<form>...</form> 表单标记 基本语法格式: <form action="url" method="get|post" name="name" onSubmit="" target=""> </form> 属性说明: action属性:改属性用来指定处理表单数据程序的URL地址. method属性:改属性用来指定数据传送到服务器的方式.有两种

Day1_HTML_表单标记

8.表单标记及语义化 表单用来搜集数据,并且提交信息 只有在表单标签内的信息才能提交成功给服务器 普通按钮作用在于调用JAVAscript代码执行动态的效果 两种提交方式get和post,第一区别:附加数据大小,安全性 2.需求分析 一共两个表框 表框一:必填信息 姓名:name,只读,不能修改 密码:输入符号显示,显示50个字符 性别:默认男,单选 表框二: 国籍:默认中国,单选 爱好:多选 学历:下拉框单选 备注 普通按钮:显示提示框 提交按钮:提交表单在新页面显示submit 重置按钮:r

html标记语言 --表单

html标记语言 --表单 七.表单 1.表单标记 1.1表单中的内容 <form></form>定义表单的开始位置和结束位置,表单提交时的内容就是<form>表单中的内容 1.2基本格式 <form action="服务器端地址(接受表单内容的地址)"name="表单内容" method="post|get">....</form> 1.3.常用属性 1.3.1 name 表单名称 1

HTML day03表格与表单

1.表格 一般格式: <table> <thead><!--表格头--> <tr> <th></th> </tr><!--表格中的一行数据--> </thead> <tbody><!--表格体--> <tr> <td></td> </tr> </tbody> <tfoot><!--表格脚-->

html 表单笔记

     表单 表单中主要包括下列元素: button——普通按钮radio ——单选按钮checkbox——复选框select ——下拉式菜单text ——单行文本框textarea——多行文本框submit——提交按钮reset—— 重填按钮 用HTML设计表单常用的标记是:<form>.< input>.<Option>.<Select>.<textarea>和<isindex>等标记 1.<form>表单标记 该标

Html中的表单

 在讲解今天Html表单之前,还是先看张图片来刺激一下. 源码 <span style="font-size:18px;"><html> <head> <title>超链接演示</title> <!--网页标题--> <body> <h1 align="center">仿百度搜索框</h1> <form action="01.php&quo

day02_01(html表单使用)

1:表单标记(form) 在网页中<form></form>标记对用来创建一个表格: 在<form></form>可以设置表单的基本属性,包括表单的名称,处理程序和传送方法: 一般情况下,表单的处理程序action和传递的方法method,这两个参数是比不可少的: 提交表单:action 用于指定表单数据提交到那个地址进行处理: 目标显示方式:target target:用来指定目标窗口的打开方式,表单的目标窗口往往用来显示表单的返回值: 打开方式: _bl

【javascript】表单

表单是网页中提供的一种交互式操作手段,它主要分为两部分:一是用HTML源代码描述的表单,可直接通过插入的方式添加到网页中:二是提交后的表单处理,需要调用服务器端编写好的脚本对客户端提交的信息作出回应.在HTML中,只要插入表单标记<form></form>即可把表单插入到网页中.表单标记的部分属性如下: 属性 说明 name 设置表单名称 method 设置表单发送的方法,可以是"post"."get" action 设置表单处理程序 enc

html知识——表单

1.表单标记:<form>内容</form> 属性:     name(表单名称)  method(传送数据方式): get--将表单的内容附加在URL地址的后面,所以限制了提交的内容的长度,不超过8192个字符,且不具备保密性 post--将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制  action:表单数据的处理程序的URL地址,如果为空则使用当前文档的URL地址, 如果表单中不需要使用action属性也要指定其属性为“no”  enctype: