【小练习1】如何制作“表单”

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
<title>表单制作</title>
<style type="text/css">
td{
    height:20px;
    font-family: "微软雅黑";
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    text-align:center;
}
</style>
</head>

<body>

<form>
<table width="400" border="1" cellspacing="0" cellpadding="0">

  <tr>
    <td width="100">用户名:</td>
    <td><input type="text"></td>
  </tr>
  <tr>
    <td>密码:</td>
    <td><input type="password"></td>
  </tr>
  <tr>
    <td>性别:</td>
    <td><input type="radio" id="male" name="sex" checked="checked"><label for="male">男</label><input type="radio" id="female" name="sex"><label for="female">女</label></td>
  </tr>
  <tr>
    <td>喜欢颜色:</td>
    <td><input type="checkbox">红色<input type="checkbox">绿色</td>
  </tr>
  <tr>
    <td>爱好:</td>
    <td><select>
      <option>--请选择--</option>
      <option>唱歌</option>
      <option>跳舞</option>
    </select></td>
  </tr>
  <tr>
    <td>图片上传:</td>
    <td><input type="file"></td>
  </tr>
  <tr>
    <td>自我介绍:</td>
    <td><textarea maxleng="50" cols="20" rows="3"></textarea></td>
  </tr>
  <tr>
    <td colspan="2">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><input type="reset" value="重置"></td>
    <td><input type="submit" value="提交"></td>
  </tr>
</table>
  </tr>
</table>
</form>

</body>
</html>
时间: 2025-01-02 09:31:47

【小练习1】如何制作“表单”的相关文章

5.3 Dreamweaver制作表单

表单是HTML的一个重要部分,主要用于采集和提交用户输入的信息,它也是实现动态网页的一种主要表现形式.下面我们就使用Dreamweaver CS3快速地创建常用的表单页面. 一.什么是表单 表单是网站管理者与访问者之间沟通的桥梁,包含如按钮.文本框.下拉列表框.单选按钮.复选框等表单元素.表单元素用于接受用户的输入并提供一些交互式操作.用户输入的数据可以通过客户端脚本来验证,然后提交给服务器作进一步的处理. 表单在万维网(www)上应用非常广泛,而且仍在不断发展.下面是一个“注册”表单的典型例子

ExtJS4.2学习(16)制作表单(转)

鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-10/188.html ---------------------------------------------------------------------------------------- 一.我们来制作一个简单的表单: 代码: /** * ExtJS之制作表单——第一个表单 */ Ext.onReady(function(){ var f

常识:如何在微信公众号里面制作表单?

有些朋友想在公众号里插入一个自由定制的表单,可以让粉丝实现在线预约和活动报名的功能,然后还能在后台查看粉丝提交的信息,下面本文给大家讲一下微信公众平台在线预约和活动报名表单制作的方法,仅供参考. 表单也就是我们可以在后台设置任何需要用户填写的信息,比如:电话,姓名,性别,邮箱等等信息,当然我们也可以设置一定的奖励,只要完善这些信息就可以得到一定的体验机会,这样用户才会去填写这些信息,通过这样的方式可以很快的获取用户信息. 在创建成功后,就有链接,以及对应的二维码.在微信公众号中,可以在任何能够插

【小练习】任务二 强化”表单“练习

任务二 制作以下表单: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equi

unity3d游戏开发之讲解如何使用NGUI制作表单

前几天用NGUI制作了个表单(效果如下图所示),现如今把过程给大家分享一下,具体是参照NGUI自带的第七个Demo制作的,大家可以仔细看看Example 7 - Scroll View (Panel). 1.总体上就是用了Scroll View+Scroll Bar来制作,item对象我用的是button,这样是为了可以点击或者是更方便的处理一些其它事情.至于NGUI的使用这里就不详细说了,大家可以网上查找一些NGUI的教程文档看看. 2.点击对象出现被选中现象的颜色变化,这里是直接改变的UIB

重置按钮小tip—为何不能重置表单数据呢

刚开始学html的同志有时候可能会遇到一个问题,就是为什么在编辑页面里面的重置按钮总是不起作用呢不清空数据呢?接下来就说明一下原因. Reset 对象 Reset 对象代表 HTML 表单中的一个重置按钮. 在 HTML 表单中 <input type="reset"> 标签每出现一次,一个 Reset 对象就会被创建. 当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值.默认值由 HTML value 属性或 JavaScript 的 defaultVa

自定义表单——jQuery制作个性化Checkbox

要让表单中的元素具有个性化风格,仅仅通过样式来实现是相当困难的,大家都很清楚,每种内核的浏览器.每种系统平台下对form元素解析的风格都是不一致的.如果你想让form元素在各种平台或者说各种浏览器具有统一的样式风格,仅仅通过CSS来制作是很难达到统一的标准,但实现他也并不是一件很难的事情,你只要借助jQuery就能轻松的实现.那么今天开始一起来学习使用jQuery制作表单元素的系列,让你不在为此感到头痛. 今天我们就先来看第一个实例,这个实例是由Martin Angelov给我们带来的<Bett

Boottarp学习(三)表单

基础表单 表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. 同样,表单也是Bootstrap框架中的核心内容,下面向大家介绍Bootstrap框架中表单的制作. 表单源码查询 Bootstrap框架的表单,其源码占据了大量的代码,同样的,根据不同的Bootstrap版本,你可以轻松获取相应的

Bootstrap学习笔记(二) 表单

在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等. 在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名"form-control",将会实现一些设计上的定制效果. 1.宽度变成了100% 2.设置了一个浅灰色(#ccc)的边框 3.具有4px的圆角 4.设置阴影效果