admin管理员组文章数量:1130349
使用HTML表单和表格完成静态QQ登陆界面
一、创建过程
- 创建表单
- 创建表格
- 创建行
- 创建单元格
- 创建表单组建
二、原理
使用表单来显示收集用户信息并用表格来帮助排版
三、主要代码
1. <table></table>创建表格
2. <tr></tr>创建行
3. <td></td>创建单元格
4. <form></form>创建表单
5. <input></input>传教表单控件
四、主要属性代码
表格属性代码不再演示
input组件:
type:类型
value:值
name:控件的名称
disabled:禁用控件
text:普通的文本框
password:密码框
email: 邮箱框
submit: 提交按钮
radio 单选
checkbox 多选
image 图片提交
select控件(下拉列表)
size: 显示数量 如果不为1的话 则变成滚动列表而不是下拉列表
option : selected:
文本域
五、主要代码及注释
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p align="center"><img src="img/bg.jpg" width="50%" /></p>/*插入图片设置图片宽度并把图片居中*/
<form action="" met使用HTML表单和表格完成静态QQ登陆界面
一、创建过程
- 创建表单
- 创建表格
- 创建行
- 创建单元格
- 创建表单组建
二、原理
使用表单来显示收集用户信息并用表格来帮助排版
三、主要代码
1. <table></table>创建表格
2. <tr></tr>创建行
3. <td></td>创建单元格
4. <form></form>创建表单
5. <input></input>传教表单控件
四、主要属性代码
表格属性代码不再演示
input组件:
type:类型
value:值
name:控件的名称
disabled:禁用控件
text:普通的文本框
password:密码框
email: 邮箱框
submit: 提交按钮
radio 单选
checkbox 多选
image 图片提交
select控件(下拉列表)
size: 显示数量 如果不为1的话 则变成滚动列表而不是下拉列表
option : selected:
文本域
五、主要代码及注释
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p align="center"><img src="img/bg.jpg" width="50%" /></p>/*插入图片设置图片宽度并把图片居中*/
<form action="" met版权声明:本文标题:使用HTML表单和表格完成静态QQ登陆界面 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://it.en369.cn/jiaocheng/1763775052a2962390.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。


发表评论