初学WEB初做表单

一个简易的用户登录注册页面,无法传递页面参数,纯静态。

table中的border属性不能再style属性中生效,设置在<table>标签中,效果有。

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title> 注册信息 </title>
   <style>
   table{
   
       width:50%;
       background-color:#fce021;

}
   #tishi {
      text-align:center;

}
   
 
   </style>

</head>
<body>
   <table border="1">
   <tr>
      <td colspan="2" id="reg" >个人用户登录</td>
   </tr>
   <tr>
      <td id="tishi">中文描述</td>
      <td><input type="text" /></td>
   </tr>
    <tr>
      <td id="tishi">英文名称</td>
      <td><input type="text" />建议使用:Field1,Field2...</td>
   </tr>
    <tr>
      <td id="tishi">密码</td>
      <td><input type="password" /></td>
   </tr>
   
    <tr>
      <td id="tishi">选择城市</td>
      <td>
         <select>
           <option>北京</option>
           <option>上海</option>
             <option>广州</option>
         </select>
      </td>
   </tr>
    <tr>
      <td id="tishi">职业</td>
      <td>
         <select>
           <option>学生</option>
           <option>职员</option>
             <option>职业</option>
         </select>
      </td>
   </tr>
    <tr>
      <td id="tishi">显示控件</td>
      <td><input type="text" /></td>
   </tr>
    <tr>
      <td id="tishi">形式</td>
      <td><input type="text" /></td>
   </tr>
    <tr>
      <td id="tishi">列表</td>
      <td>
          <input type="radio" value="rad1"/>男
          <input type="radio" value="rad1"/>女
 
      </td>
   </tr>
    <tr>
      <td id="tishi">兴趣爱好</td>
      <td><input type="checkbox" />唱歌
          <input type="checkbox" />跳舞
          <input type="checkbox" />跑步
      </td>
   </tr>
   <tr>
     <!--可让按钮居中-->
     <td colspan="2" align="center" >
         <input  type="button" value="返回"/>
         <input  type="submit" value="提交"/>
        </td>
   </tr>
   </table>
</body>
</html>

时间: 2024-08-01 15:39:02

初学WEB初做表单的相关文章

web网页的表单排版利器--960css

http://www.cnblogs.com/birdwawe/p/4062106.html 表单排版样式 960css 前言 一般web网页的表单排版,大家都习惯用table排版,自己需要根据实际需要去定义TR和TD,很多时候对于TD的高宽度.是否合并行,合并列,都要去做一些处理,这些都是比较繁琐的工作.找到一个表单排版的替代工具,提前定义好CSS样式,无疑可以减轻我们的这些工作. 下面简单一个一个表单排本CSS框架,960css. 960css目录结构 (其中960分为fixed和fluid

.net web 开发平台- 表单设计器 一(web版)

如今为了适应需求的不断变化,动态表单设计器应运而生.它主要是为了满足界面的不断变化和提高开发速度.比如:一些页面客户可能也无法确定页面的终于布局,控件的位置,在哪种情况下显示或不显示等可能须要随时改动.为了应对这些需求而不去多次改动源码进行公布,就能够在项目中使用动态表单设计器.如今分享一下我做的动态表单设计器的设计思路,共同学习. 想做一个表单设计器,首先要确定是做c/s的还是b/s.我考虑到以后的发展方向是c/s向b/s转化,所以就选择了b/s的方向,并且做b/s比做c/s要简单非常多.在做

WEB 页面 控制表单内tab键切换的顺序

在Html代码中有一个键盘属性——tabindex,它可以设置访问者在页面中按tab键的顺序.如下: <input type="button" id="b1" tabIndex="1" value="Button1" /> <input type="button" id="b2" tabIndex="2" value="Button2&qu

【jQuery】利用表单的序列化根据name取表单,做表单的验证

在前台做表单的验证的方式有很多种,具体思想是你先要把表单的要验证项里面的值取出来,然后再脚本处进行判断,最后根据判断结果告警,然后给onsubmit="return XX()"那个函数,返回true与false的布尔值.整个过程,把表单的要验证项取出来是关键.在<[JavaScript]表单即时验证,不成功不让提交>(点击打开链接)中利用了id取每一个表单项的属性,这是最基础的,但是如果需要以name的方法取出表单的项呢?此时,你可以利用jQuery的序列化,根据name来

bootstrapValidator.js 做表单验证

有这样的一个场景,我们在提交form表单的时候 可能要做一些验证,比如判断是不是为空,电话的格式验证,邮箱的格式验证等等,手写起来也是可以得. 但是今天我介绍一个bootstrap插件简化开发.就是bootstrapValidator.js. 直接上手写代码. 1.首先 jquery,bootstrap 以及bootstrapValidator(地址https://github.com/nghuuphuoc/bootstrapvalidator) 2.引用jquery bootstrap  bo

数据验证【web前端,表单】

数据验证 最近做后台比较多,路七八糟的数据验证,弄得不厌其烦.SO,弄了个表单验证的玩意出来,达到快速,简介,不烦人的验证. 下面看看,几种方式的数据验证,有什么不同.先有需要验证的数据: <form> <input type="text" name="name" /> <input type="text" name="password" /> <input type="nu

初学servlet之form表单

使用doget向页面写表单,使用dopost读取表单内容,包括了单选按钮,复选框,下拉列表等等的读取方法,form的action属性不写,默认表单会被提交给请求他时用的相同的URL package app01b; import java.io.IOException;import java.io.PrintWriter;import java.util.Enumeration; import javax.servlet.ServletException;import javax.servlet.

web application——HTML表单

表单主要用来获取客户端用户信息 工作原理: 1.在表单的网页,填写信息,点击某个按钮进行提交 2.表单数据通过互联网传递到服务器 3.服务器有专门的程序对表单数据进行处理验证,如果验证成功数据就会存入数据库 表单结构: <!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>我的网页</title> </head> <body>

求教——使用node做表单,刷新浏览器页面,浏览器为什么会重复提交上次所填的信息

最近在学些node,按照<nodejs实战>上的代码做练习,发现有表单重复提交的问题 第一次打开页面,显示如图是get请求 图1 现在我们提交aaa,显示如图,post请求 图2 刷新页面,应该显示图1的,结果确实下面这张图,post请求.即使是按ctrl+f5刷新没用,浏览器还是重复提交了上次的内容,显示如图 图3 不断的刷就这样了,求教这个是为什么? 图4 node代码如下 var http=require("http"); var qs = require("