HTML drawing user registration page

HTML drawing user registration page

This article shares the specific implementation code of HTML drawing user registration page for your reference. The specific content is as follows

XML/HTML CodeCopy content to clipboard
  1. < html >   
  2.     < head >   
  3.       < script >   
  4. function aa()
  5. {
  6. var s;
  7.             s = reg .user .value;
  8. alert("Username is "+s);
  9. }
  10. function aa2(t)
  11. {
  12. var p1,p2;
  13. alert(t);
  14.              p1 = reg .pass1.value;
  15.              p2 = reg .pass2.value;
  16. if(p1!=p2)
  17. alert("The two passwords do not match");
  18.   
  19. }
  20.   
  21.       </ script >   
  22.     </ head >   
  23.     < body >   
  24.       < h1   align = " center " > Register </h1>   
  25.       < table   align = "center"   border = "2"   width = "400"   bgcolor = "pink" >   
  26.        < form   name = "reg" >   
  27.          < tr > < td > Username </ td > < td > < input   type = "text"   name = "user" > </ td > </ tr >   
  28.          < tr > < td > Password </ td > < td > < input   type = "password"   name = "pass1" > </ td > </ tr >   
  29.          < tr > < td > Confirm password </ td > < td > < input   type = "password"   name = "pass2"    onblur = "aa2(this)" > </ td > </ tr >   
  30.           < tr > < td > Gender </ td > < td > < input   type = "radio"   name = "sex"   value = "1" > Male < input   type = "radio"   name = "sex"   value = " 2 " checked > Female </td> </tr>​​   
  31.            < tr > < td > Hobbies </ td > < td > < input   type = "checkbox"   name = "hb1"   value = "ft" > Football < input   type = "checkbox"   name = "hb2"   value = "ms" > Music < input     
  32.   
  33. type = "checkbox"   name = "hb3"   value = "tor"   / > Travel </td> </tr>​​​   
  34.            < tr > < td   colspan = "2" > < input   type = "file"   name = "f1"   /> </ td > </ tr >   
  35.   
  36.            < tr > < td > College </ td > < td >   
  37.                            < select   name = "s" >   
  38.                              < option   value = "1" selected > School of Information </ option >   
  39.                             < option   value = "2" > School of Management </ option >   
  40.                              < option   value = "3" > School of Mechanical and Electrical Engineering </ option >   
  41.                            </ select >      
  42.   
  43.       < tr > < td   colspan = "2"   align = "center" > < input   type = "button"   value = "Submit"    onclick = "aa()"   />   < input   type = "reset"   value = "Reset"   /> </ td > </ tr >   
  44.   
  45.        </ form >   
  46.   
  47.     </ body >   
  48. </ html >   
The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM.

<<:  Detailed explanation of ES6 Promise usage

>>:  MySQL data analysis storage engine example explanation

Recommend

Detailed explanation of the relationship between image format and design in web design

Why do I want to organize the content in this area...

JavaScript countdown to close ads

Using Javascript to implement countdown to close ...

Two ways to correctly clean up mysql binlog logs

mysql correctly cleans up binlog logs Preface: Th...

JS thoroughly understands GMT and UTC time zones

Table of contents Preface 1. GMT What is GMT Hist...

Detailed explanation of the execution process of MySQL query statements

Table of contents 1. Communication method between...

Detailed process of upgrading gcc (version 10.2.0) under CentOS7 environment

Table of contents Short Introduction 1. Check the...

Detailed explanation of the case of Vue child component calling parent component method

1. Call the parent component method directly thro...

How to configure Java environment variables in Linux system

Configure Java environment variables Here, the en...

Redission-tomcat quickly implements deployment from single machine to multi-machine deployment

Preface In the early stages of some projects, dev...

Basic operations of MySQL data tables: table structure operations, field operation example analysis

This article uses examples to describe the basic ...

CentOS7 enables MySQL8 master-slave backup and daily scheduled full backup (recommended)

Note 1: Solve the problem of slow connection to M...

Remote Desktop Connection between Windows and Linux

When it comes to remote desktop connection to Lin...

Two ways to create SSH server aliases in Linux

Preface If you frequently access many different r...

Mysql example of splitting into multiple rows and columns by specific symbols

Some fault code tables use the following design p...

CentOS7.5 installation tutorial of MySQL

1. First check whether the system has mysql insta...