html的表单表格...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单的使用</title>
</head>
<body>
<h2 align="center"><font color="red" size="5">用户信息表填写</font></h2>
<hr width="820" size="5" color="aquamarine"/>
<br />
<!-- 表单的使用 -->
<form action="#" method="post">
<table border="1" bordercolor="gainsboro" width="800" height="610" cellpadding="5" cellspacing="0" align="center">
<tr>
<th colspan="3" bgcolor="gainsboro" align="left" >1. 用户名和密码</th>
</tr>
<tr>
<td width="120">会员名:</td>
<td><input type="text" name="userName" /><font color="red">*</font></td>
<td><input type="button" value="检查用户" value="butt"/><font color="blue"> 5-15位 大小字母和数字组合</font></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="password" /><font color="red">*</font></td>
<td><font color="blue">5-15位 大小字母和数字组合,不能与用户名相同</font></td>
</tr>
<tr>
<td>再次输入密码:</td>
<td><input type="password" name="password" /><font color="red">*</font></td>
<td><font color="blue">两次密码需一致</font></td>
</tr>
<tr>
<th colspan="3" align="left" bgcolor="gainsboro">2.姓名和联系方式</th>
</tr>
<tr>
<td>真实姓名:</td>
<td><input type="text" name="name" /><font color="red">*</font> </td>
<td>汉子<input type="radio" name="sex" value="男" checked="checked"/>妹子<input type="radio" name="sex" value="女"/></td>
</tr>
<tr>
<td>电子邮箱:</td>
<td><input type="email" name="email" /><font color="red">*</font></td>
<td><font color="red">非常重要!</font>!<br><font color="blue">这是首选的联系方式,请认真填写</font></td>
</tr>
<tr>
<td>固定电话:</td>
<td><input type="number" name="phone" /></td>
<td><font color="blue">区号+电话号码</font></td>
</tr>
<tr>
<td>传真号码:</td>
<td colspan="2"><input type="number" name="portraiture_phone" /></td>
</tr>
<tr>
<td>手机号码:</td>
<td colspan="2"><input type="number" name="call" /><font color="red">*</font></td>
</tr>
<tr>
<td>邮政编码:</td>
<td colspan="2"><input type="number" name="postal" /></td>
</tr>
<tr>
<td>公司所在地:</td>
<td colspan="2">
<select name="city">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou" selected="selected">广州</option>
<option value="shenzhen">深圳</option>
</select>
<select name="city_classify">
<option value="tianhe">天河</option>
<option value="jishan" selected="selected">吉山</option>
<option value="chuanzhi">传智</option>
<option value="mengxiang">梦想公寓</option>
</select>
</td>
</tr>
<tr>
<td>街道地址:</td>
<td><input type="text" name="street" /><font color="red">*</font></td>
<td><font color="blue">请填写县(区)</font></td>
</tr>
<tr>
<th colspan="3" align="left" bgcolor="gainsboro">3.公司名称和主营业务</th>
</tr>
<tr>
<td>公司名称:</td>
<td><input type="text" name="corporate_name" /> <font color="red">*</font></td>
<td><font color="blue">请填写在工商部门注册的商号全称</font></td>
</tr>
<tr>
<td>您的职位</td>
<td colspan="2"><input type="text" name="position" /> <font color="red">*</font></td>
</tr>
<tr>
<td>公司网址:</td>
<td colspan="2"><input type="url" name="url" value="http://"/></td>
</tr>
<tr>
<td>主营产品/服务</td>
<td><input type="text" name="classification" /></td>
<td><font color="blue">3个主营产品名称</font></td>
</tr>
<tr>
<td>主营行业</td>
<td >
<select name="trade">
<option value="commerce">电子商务</option>
<option value="electrical">电子电工</option>
<option value="new">新闻媒体</option>
<option value="hotel">酒店服务</option>
</select>
</td>
<td><font color="blue">请正确选择</font></td>
</tr>
<tr>
<td colspan="3" align="center"><input type="image" src="data:images/test.png"/></td>
</tr>
</table>
</form>
<br/>
</body>
</html>
浏览器缩放至90%下效果图
html的表单表格...的更多相关文章
- js动态控制表单表格
js动态控制表单表格,这里操作只讲,添加一行,删除一行,删除某一行某一列. 直接放代码: <!DOCTYPE html> <html> <head> <met ...
- HTML 学习笔记 JQuery（表单,表格 操作）
表单应用 一个表单有3个基本组成部分 (1)表单标签:包含处理表单数据所用的服务器端程序URL 以及数据提交到服务器的方法 (2)表单域:包含文本框 密码框 隐藏框 多行文本框 复选框 单选框 下拉选 ...
- Html 表单表格 form table
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- HTML&CSS精选笔记_表格与表单
表格与表单 表格标记 创建表格 要想创建表格,就需要使用表格相关的标记 <table> <tr> <td>单元格内的文字</td> ...
- DHTMLX 前端框架 建立你的一个应用程序 教程(八)-- 添加表单Form
添加表单Form 我们下一步是在页面中添加一个表单,表格中的选中字段将会显示在表单中.提供一个提交按钮 可以对显示的数据进行修改提交. 添加表单到布局单元格中 1.在右侧布局中使用attachForm ...
- java中将表单转换为PDF
经过网上搜索大概有三种方式:PDF模板数据填充,html代码转换pdf,借用wkhtmltopdf工具 一 .PDF模板数据填充 1.新建word,在word中做出和表单一样的布局的空表单,然后另存为 ...
- 基于表单布局：分析过时的table结构与当下的div结构
一些话在前面 最近做了百度前端学院一个小任务,其中涉及到表单布局的问题, 它要处理的布局问题:左边的标签要右对齐,右边的输入框.单选按钮等要实现左对齐. 从开始入门就被告知table布局已经过时了,当 ...
- 对pdf 表单域 或文本框的操作---动态填充PDF 文件内容
前提:需要pdf模板:并且模板内容以pdf 文本框的形式填写 package com.test;import java.io.File;import java.io.FileOutputStream; ...
- Bootstrap框架(基础篇)之列表,表格,表单
继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>… ...
随机推荐
- c# 读取ACCESS 数据库
using System; using System.Collections.Generic; using System.Data.OleDb; using System.IO; using Syst ...
- php stdClass类的用法
stdClass是PHP的一个基类,所有的类几乎都继承这个类,所以任何时候任何地方都可以被new,可以让这个变量成为一个object.同时,这个基类又有一个特殊的地方,就是没有方法.凡时用new st ...
- ASP.NET中重复表格列合并的实现方法(转自脚本之家)
这几天做一个项目有用到表格显示数据的地方,客户要求重复的数据列需要合并,就总结了一下.NET控件GridView 和 Repeater 关于重复数据合并的方法. 这是合并之前的效果: 合并之后的效果图 ...
- apache 配置静态文件缓存和开启gzip压缩
1,设置文件静态缓存3天: 在httpd.conf 里添加如下代码: #文件静态缓存配置 <IfModule expires_module> #打开缓存 ExpiresActive on ...
- 【NOIP2006提高组】能量项链
说好的好好写人话的题解 嗯很多题解都说过这是一个石子合并的模型它也确实就是一个石子合并的模型.然而就算这样我也不会写最后仍然写了个记忆化搜索 首先我们不论环状,就直接一条链型,当只剩下两个珠子的时候, ...
- hdu 2829 Lawrence(斜率优化DP)
题目链接:hdu 2829 Lawrence 题意: 在一条直线型的铁路上,每个站点有各自的权重num[i],每一段铁路(边)的权重(题目上说是战略价值什么的好像)是能经过这条边的所有站点的乘积之和. ...
- linux(x64)下安装Matlab 2015b破解版（含安装包）
注意:在安装前请查看安装目录是否有足够空间!完全安装大概需要12G的空间!本人在安装后系统盘满了,导致无法启动图形界面.小伙伴们不要重蹈覆辙~ Environment Linux debian8 (x ...
- Ubuntu14.04浏览器Firefox安装flash播放插件
sudo apt-get update sudo apt-get install flashplugin-nonfree ================= 类飞秋软件 sudo apt-get in ...
- Process Explorer(增强任务管理器) V16.05 免费绿色版
软件名称: Process Explorer(增强任务管理器)软件语言: 中文授权方式: 免费软件运行环境: Win7 / Vista / Win2003 / WinXP 软件大小: 1.2MB图片预 ...
- 使用Java注解开发自动生成SQL
使用注解开发的好处就是减少配置文件的使用.在实际过程中,随着项目越来越复杂,功能越来越多,会产生非常多的配置文件.但是,当配置文件过多,实际维护过程中产生的问题就不容易定位,这样就会徒劳的增加工作量. ...