HTML-注册页面 212(注册页面代码html)

boyanx1周前技术教程3

使用table布局和表单元素编写一个注册页面

1)注册页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>注册登录页面</title>
</head>
<body>
    <form action="http://www.bd.com/register.aspx" method="get">
        <table cellpadding="5" cellspacing="0" width="380" height="300">
            <tr>
                <td>用户名:</td>
                <td><input name="txtName" /></td>
            </tr>
            <tr>
                <td>密 码:</td>
                <td><input type="password" name="txtPwd" /></td>
            </tr>
            <tr>
                <td>选择省:</td>
                <td>
                    <select name="SS">
                        <option value="HN" selected="selected">河南</option>
                        <option value="HB">河北</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>性 别:</td>
                <td><input type="radio" name="rd" value="1" />男<input type="radio" name="rd" value="0" />女</td>
            </tr>
            <tr>
                <td colspan="2">
                    <fieldset>
                        <legend>兴趣爱好</legend>
                        <input name="interest" type="checkbox" value="ppq" />乒乓球
                        <input name="interest" type="checkbox" checked="checked" value="ts" />跳水
                        <input name="interest" type="checkbox" value="pq" />排球
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="middle">
                    <h3>注册免责协议</h3>
                    <textarea cols="50" rows="3" readonly="readonly">  **提醒您:在使用**搜索引擎(以下简称**)前,请您务必仔细阅读并透彻理解本声明。您可以选择不使用**,但如果您使用**,您的使用行为将被视为对本声明全部内容的认可。
                            鉴于**以非人工检索方式、根据您键入的关键字自动生成到第三方网页的链接,除**注明之服务条款外,其他一切因使用**而可能遭致的意外、疏忽、侵权及其造成的损失(包括因下载被搜索链接到的第三方网站内容而感染电脑病毒),**对其概不负责,亦不承担任何法律责任。
                            任何通过使用**而搜索链接到的第三方网页均系他人制作或提供,您可能从该第三方网页上获得资讯及享用服务,**对其合法性概不负责,亦不承担任何法律责任。
                            **搜索结果根据您键入的关键字自动搜索获得并生成,不代表**赞成被搜索链接到的第三方网页上的内容或立场。
                            您应该对使用搜索引擎的结果自行承担风险。**不做任何形式的保证:不保证搜索结果满足您的要求,不保证搜索服务不中断,不保证搜索结果的安全性、正确性、及时性、合法性。因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用**,**不承担任何法律责任。
                    </textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="middle">
                    <input type="submit" value="注册" />      
                    <input type="reset" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

action:指定提交到服务器的哪个程序处理,比如asp.net的一般处理程序等

method:提交的方式1)post隐式提交,比较安全 2)get显示提交如下图所示

select:selected="selected"与checkbox的checked="checked"表示默认选中项

textarea:rows与cols表示此文本框内容要显示的行数与列数

标签: css禁止选中

相关文章

用Python做个随机点名系统,禁止逃课

今天给大家分享一个随机点名的系统并把它打包成exe,压迫感来了没有~一、实现随机点名# -*- coding: UTF-8 -*-import tkinter as tkfrom pandas imp...

如何快速写出表格代码?exl表格转换成html代码

1、在exl中编辑好你想要的表格形式,复制有内容的表格到dw右侧,如图:2、将途中宽度去除,选中一个宽度,按Ctrl+F,点击“替换全部”。如图:3、途中选中部分换成表格的表头代码:表头代码:<...

CSS奇思妙想-使用background创造美妙背景(上篇)

本文将介绍一些利用 CSS 中的 background、mix-blend-mode、mask 及一些相关属性,制作一些稍微复杂、酷炫的背景。通过本文,你将会了解到 CSS background 中更...

开发者不可不知的Google Chrome七大新特性

Google Chrome在日常生活中扮演的角色不只是一个功能强大的网络浏览器,它内置的 DevTools同样也是网络开发者进行网络开发的重要工具。DevTools在不断的进行版本更新,其中有很多重要...

前端入门——css伪类和伪元素(css伪类hover)

伪类(pseudo-class)用于定义元素的特殊状态,伪元素(pseudo-element)用于设置元素指定部分的样式,语法如下:伪类selector:pseudo-class { proper...

一、什么是CSS3(一,什么是人民幸福之基?)

一、什么是CSS3如何学习SEO搜索引擎优化CSS是什么Cascading Sheet层叠级联样式表,表现,网页美化CSS发展史:CSS1.0 CSS2.0 DIV + CSS HTML和CSS结构分...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。