表单实现<form>
来源:互联网 发布:真假混卖化妆品淘宝店 编辑:程序博客网 时间:2024/06/12 23:50
表单实现:
创建一个界面,可以录入账号密码,有一个登陆按钮
总结表单实现:
1、显示表单,使用HTML内置的标签
2、指定提交到的服务器
form 中使用属性:
action = "服务器URL"
3、在输入项中设置 name,name的值就是传递数据使用的键
4、提交方式:
默认提交:在URL会显示提交的内容 --- 是GET 方式
特殊情况:密码,不能显示在地址栏
设置 method = "post"
二者区别2:
get ----- 提交数据有限制
post ---- 提交的数据没有长度限制,文件上传
表单输入项:
文本输入框
密码输入框
单选按钮
复选框
重置按钮
提交按钮
总结:
1、使用格式基本一样
<input type="xxx" name="键"/>
text ----- 文本输入框
password - 密码输入框
radio ---- 单选按钮
checkbox - 复选按钮
reset ---- 重置按钮 reset重置按钮
submit --- 提交按钮
file ----- 文件上传
2、注意事项
A、radio要实现互斥,必须有相同的name值
B、radio 与 checkbox 如果向服务传递数据,必须指定 value 值,不然都是 on
C、优化:
radio 和 checkbox 设置默认选定项:
使用属性 checked="checked"
3、属性
value --- 可以进行数据回显
size ---- 设置长度
不可修改:
readonly ----- 不可修改,数据还得传递到服务器
disabled ----- 不可用,数据不再传递了
4、重点
hidden ---- 存储不必要显示但是服务器必须的数据
举例:
修改页面设计:
1、按照账号进行数据库更新,效率低
2、按照ID进行数据库更新,效率高,ID显示在客户端,设置成不可修改,不够友好
3、按照ID进行更新,客户端存储ID,但是不显示,使用 hidden 标签
特殊:数据给服务器使用,客户端不需要显示
下拉列表
文本域
表格实现 select:
下拉列表
<select name="键">
<optionvalue ="v1">值1</option>
<optionvalue ="v2” selected=”selected"(选定)>值2</option>
<optionvalue ="v3">值3</option>
</select>
设置多选:
mutiple 设置多选
文本域:
rows ---- 指定行
cols ---- 指定列
- 表单form的实现
- 表单实现<form>
- jQuery 实现form表单提交
- Ajax实现提交form表单
- 经典用CSS实现form表单布局
- Form表单实现ASP.NET认证
- iphone实现传递form表单数据
- iphone实现传递form表单数据
- extjs form表单实现登陆跳转
- Ext 实现简单的form表单提交
- jquery 各种 form表单的实现
- 提交表单 form submit 不跳转实现
- CSS实现form表单不换行
- form表单实现用户注册界面
- servlet实现form表单的文件上传
- liferay实现 form表单有两个submit
- jquery实现同时提交两个form表单
- form 表单上传文件 jq实现
- Mac OSX的开机启动配置
- nignx.conf常规配置
- ACM退役帖(青岛赛后再更新)
- Javascript简单设计模式
- 史上最简单的生成验证码
- 表单实现<form>
- HDU 4745 Two Rabbits 最长回文子序列
- 项目中用到的css
- mybatis高级映射关系,一对一,一对多,多对多,多对一
- H5游戏是否会颠覆传统手游APP的某些属性?
- 欢迎使用CSDN-markdown编辑器
- Java RMI 框架(远程方法调用)
- Linux环境启动,端口被占用22-Sep-2017 13:50:04.690 WARNING [localhost-startStop-2] org.apache.catalina.loader.W
- S-T平面图