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

A Brief Analysis of CSS Selector Grouping

Selector Grouping Suppose you want both the h2 el...

An example of how to quickly deploy web applications using Tomcat in Docker

After learning the basic operations of Docker, we...

Advantages of INSERT INTO SET in MySQL

Insert data into mysql database. Previously commo...

CSS shadow animation optimization tips

This technique comes from this article - How to a...

Why is there this in JS?

Table of contents 1. Demand 2. Solution 3. The fi...

mysql 5.7.11 winx64 initial password change

Download the compressed version of MySQL-5.7.11-w...

What is the function of !-- -- in HTML page style?

Mainly for low version browsers <!-- --> is ...

Detailed explanation of transaction isolation levels in MySql study notes

background When we talk about transactions, every...

Web designer's growth experience

<br />First of all, I have to state that I a...

Example code for implementing dynamic skinning with vue+element

Sometimes the theme of a project cannot satisfy e...

Analyze MySQL replication and tuning principles and methods

1. Introduction MySQL comes with a replication so...

Sample code for implementing neon button animation effects with CSS3.0

Today I will share with you a neon button animati...

Vue Element front-end application development: Use of API Store View in Vuex

Table of contents Overview 1. Separation of front...

Solve the abnormal error when building vue environment with webpack

Table of contents First, configure package.json T...