首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

html表单与页面控件联系

作者：小新爱神起的小媳妇 | 来源：互联网 | 2023-09-11 05:30
代码展示：<html><head><metahttp-equivContent-Typecontenttexthtml;charse

顾客要求的效果
代码展示：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>title>
head>

<body>
<form>
<table bgcolor="#444444" border="0" width="600" height="500">
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">名字:td>
<td><input type="text" name="name" size="30" maxlength="20"/>td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">姓氏:td>
<td><input type="text" name="nname" size="30" maxlength="10"/>td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">登录名:td>
<td><input type="text" name="logon" size="30" maxlength="10"/>
(可包含 a-z、0-9和下划线)td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">密码:td>
<td><input type="text" name="paswd" size="30" maxlength="10"/>
(至少包含6个字符)td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">再次输入密码:td>
<td><input type="text" name="paswd" size="30" maxlength="10"/>
td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">电子邮箱:td>
<td><input type="text" name="mail" size="30" maxlength="10"/>
(必须包含@字符)
td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">性别:td>
<td><input type="radio" value="男" name="sex" checked="checked"/><img src="nan.png">img>男
<input type="radio" value="女" name="sex" /><img src="nv.png">img>女
td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">爱好:td>
<td><input type="checkbox" name="hobby" value="运动"/>运动
<input type="checkbox" name="hobby" value="聊天"/>聊天
<input type="checkbox" name="hobby" value="玩游戏"/>玩游戏
td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7">出生日期:td>
<td><input type="text" name="year" value="yyyy" size="5"/>年  
<select name="month">
<option value="">[请选择月份:]option>
<option value="1">1option>
<option value="2">2option>
<option value="3">3option>
<option value="4">4option>
<option value="5">5option>
<option value="6">6option>
<option value="7">7option>
<option value="8">8option>
<option value="9">9option>
<option value="10">10option>
<option value="11">11option>
<option value="12">12option>
select>月  
<input type="text" name="date" value="dd" size="5"/>日
td>
tr>
<tr bgcolor="#FFFFFF">
<td align="right" bgcolor="#B8F2F7"><input type="reset" value=" 重   填 "/>td>
<td><input type="button" value="  同意以下服务条款，提交注册信息  "/>
td>
tr>
<tr bgcolor="#FFFFFF" rowspan="3">
<td colspan="2"><b style=" font-style:inherit">阅读淘宝网服务协议b>td>
tr>
<tr bgcolor="#FFFFFF">
<td colspan="2"><textarea cols="80" rows="3">
本服务可提供与其他国际互联网网站或资源的链接。由于腾讯无法控制这些网站或资源的内容，您了解并同意：无论此类网站或资源是否可供利用，腾讯不予负责；腾讯亦对存在或源于此类网站或资源之任何内容、广告、产品或其他资料不予保证或负责。因您使用或依赖任何此类网站或资源发布的或经由此类网站或资源获得的任何内容、商品或服务所产生的任何损害或损失，腾讯不负任何直接或间接责任。 鉴于本服务以非人工检索方式、根据您输入的关键字自动生成到第三方网页的链接，除本协议注明之服务条款外，其他一切因使用本服务而可能遭致的意外、疏忽、侵权及其造成的损失（包括因下载被搜索链接到的第三方网站内容而感染电脑病毒），腾讯不承担任何法律责任。
本服务搜索结果根据您输入的关键字自动搜索获得并生成，不代表腾讯对被搜索链接到的第三方网页内容的态度或立场。
textarea>
td>
tr>


table>

form>
body>
html>

做出后的效果展示


推荐阅读
  • input

    前端库Bootstrap框架：「11]使用 span 创建行内元素

    前端库Bootstrap框架：「11]使用 span 创建行内元素
    前端库Bootstrap框架：「11]使用 span 创建行内元素 ... [详细]
  • input

    CF：3D City Model（小思维）问题解析和代码实现

    CF：3D City Model（小思维）问题解析和代码实现
    本文通过解析CF：3D City Model问题，介绍了问题的背景和要求，并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景，每个网格单元可以作为建筑的基础，建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路，并给出了相应的代码实现供读者参考。 ... [详细]
  • input

    input语句的作用有哪些

    本篇文章为大家展示了input语句的作用有哪些，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。HTML标签 ... [详细]
  • input

    第二次网页前端培训笔记（表单，INPUT及常用字符）

    第二次网页前端培训笔记（表单，INPUT及常用字符）
    1.表单form2.INPUT编号: ... [详细]
  • php

    如何使用Java获取服务器硬件信息和磁盘负载率

    如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务，并获取服务器的磁盘信息，并将结果输出。然后在本地使用JS编写一个AJAX脚本，远程请求服务端的程序，得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • io

    VB.NET在线急等问题解决方法，如何统计数据库字段下的数据并显示在文本框里？

    本文介绍了一个在线急等问题解决方法，即如何统计数据库中某个字段下的所有数据，并将结果显示在文本框里。作者提到了自己是一个菜鸟，希望能够得到帮助。作者使用的是ACCESS数据库，并且给出了一个例子，希望得到的结果是560。作者还提到自己已经尝试了使用"select sum(字段2) from 表名"的语句，得到的结果是650，但不知道如何得到560。希望能够得到解决方案。 ... [详细]
  • input

    [大整数乘法] java代码实现

    [大整数乘法] java代码实现
    本文介绍了使用java代码实现大整数乘法的过程，同时也涉及到大整数加法和大整数减法的计算方法。通过分治算法来提高计算效率，并对算法的时间复杂度进行了研究。详细代码实现请参考文章链接。 ... [详细]
  • input

    南邮ctf-web的writeup

    本文介绍了南邮ctf-web的writeup，包括签到题和md5 collision。在CTF比赛和渗透测试中，可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型，可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • input

    关于Linq to sql 实现 模糊查询 string数组

    前景：当UI一个查询条件为多项选择，或录入多个条件的时候，比如查询所有名称里面包含以下动态条件，需要模糊查询里面每一项时比如是这样一个数组条件：newstring[]{兴业银行, ... [详细]
  • input

    [CF949D]Curfew 二分答案是个不错的开头，困难部分在于如何检查

    本文介绍了一个题目的解法，通过二分答案来解决问题，但困难在于如何进行检查。文章提供了一种逃逸方式，通过移动最慢的宿管来锁门时跑到更居中的位置，从而使所有合格的寝室都居中。文章还提到可以分开判断两边的情况，并使用前缀和的方式来求出在任意时刻能够到达宿管即将锁门的寝室的人数。最后，文章提到可以改成O(n)的直接枚举来解决问题。 ... [详细]
  • input

    深入理解CSS中的margin属性及其应用场景

    深入理解CSS中的margin属性及其应用场景
    本文主要介绍了CSS中的margin属性及其应用场景，包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念，读者可以更好地掌握margin的用法和原理。同时，文中提供了一些相关的文档和规范供读者参考。 ... [详细]
  • input

    通过Go SDK（Amazon S3）从Bucket生成Torrent - Generate Torrent from Bucket via Go SDK (Amazon S3)

    Imtryingtofigureoutawaytogeneratetorrentfilesfromabucket,usingtheAWSSDKforGo.我正 ... [详细]
  • input

    Swing组件及其用法，图标接口的定义和创建方法

    本文介绍了Swing组件的用法，重点讲解了图标接口的定义和创建方法。图标接口用来将图标与各种组件相关联，可以是简单的绘画或使用磁盘上的GIF格式图像。文章详细介绍了图标接口的属性和绘制方法，并给出了一个菱形图标的实现示例。该示例可以配置图标的尺寸、颜色和填充状态。 ... [详细]
  • php

    undefined err_url in mult_submits

    UsingPMA-2.5.2-rc2onPHP-4.1.2andnothavingDROPTABLEprivilege,whenI-sel ... [详细]
  • object

    十六.增加一个项目协作留言板功能（二）----- 建立一个任务管理的列表页面

    十六.增加一个项目协作留言板功能（二）----- 建立一个任务管理的列表页面
    我们设计一个页面来展示正在处理的任务，该表格可以参照之前基础信息的增删改查。用户通过这个页面对任务进行相应操作。1.在views. ... [详细]
author-avatar
小新爱神起的小媳妇
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有