Some simple implementation codes of the form element take registration as an example
 Code implementation: Copy code The code is as follows:<!DOCTYPE html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta charset="utf-8"> <style type="text/css"> div{ width:35%;margin-left:32%;} </style> </head> <body> <div> <form class="f1" action="http://www.baidu.com" method="get" > <fieldset> <legend>Registration form</legend> <table width=100% > <tbody> <tr ><td class="left" width=40% align="right"><label for="t1">Name:</label></td> <td class="right"><input type="text" id="t1" name="Name"></td> </tr> <tr><td class="left" width=40% align="right"><label for="Password1">Password:</label></td> <td class="right"><input id="Password1" type="password" name="Password" /></td> </tr> <tr><td class="left" width=40% align="right"><label for="e1">E-mail:</label></td> <td class="right"><input type="email" id="e1" name="youxiang" ></td> </tr> <tr><td class="left" width=40% align="right"><label for="1">Gender:</label></td> <td class="right"><input type="radio" id="1" name="ssex" value="nan" />Male<!-- Just set the name to the same --> <input type="radio" id="2" name="ssex" value="nv" />Female </td> </tr> <tr><td class="left" width=40% align="right">Region:</td> <td><select id="selc" name="place"> <option value="quanzhou">Quanzhou</option> <option value="xiamen">Xiamen</option> <option value="zhangzhou" >Zhangzhou</option> </select> </td> </tr> <tr><td class="left" width=40% align="right"><label for="txtarea">Introduction:</label></td> <td><textarea id="txtarea"></textarea></td> </tr> <tr><td class="left" width=40% align="right">Interests:</td> <td><input type="checkbox" id="cbox1" name="dushu" value="c1">Reading <input type="checkbox" id="cbox2" name="yundong" value="c2">Sports <input type="checkbox" id="cbox3"name="chihe" value="c3">Eat and drink </td> </tr> <tr><td class="left" width=40% align="right">Upload:</td> <td> <input type="file" id="f1" name="shangchuan" value="File1" /></td> </tr> <tr><td class="left" width=40% align="right" rowspan=2> <input id="Submit1" type="submit" value="Submit" /> </td> <td> <input id="Reset1" type="reset" value="Reset" /> </td> </tr> </tbody> </table> </fieldset> </form> </div> </body> </html> Note that the function implemented by the code label is to make the mouse automatically focus on the text box when clicking the text! Copy code The code is as follows:<label for="t1">Name:</label> |
<<: CSS uses calc() to obtain the current visible screen height
>>: Explanation of the working principle and usage of redux
Recommend
Introduction to document.activeELement focus element in JavaScript
Table of contents 1. The default focus is on the ...
Vue method to verify whether the username is available
This article example shares the specific code of ...
Correct steps to install Nginx in Linux
Preface If you are like me, as a hard-working Jav...
Detailed introduction to CSS font, text, and list properties
1. Font properties color, specifies the color of ...
Sharing of the fast recovery solution for Mysql large SQL files
Preface In the process of using MySQL database, i...
Problems and solutions encountered when deploying a project when upgrading the Mysql database from version 5.6.28 to version 8.0.11
The problems and solutions encountered when deplo...
Docker configuration Alibaba Cloud Container Service operation
Configuring Alibaba Cloud Docker Container Servic...
Summary of tips for setting the maximum number of connections in MySQL
Method 1: Command line modification We only need ...
Linux implements the source code of the number guessing game
A simple Linux guessing game source code Game rul...
Detailed explanation of the construction and use of Docker private warehouse
The image can be saved on hub.docker.com, but the...
CSS element hiding principle and display:none and visibility:hidden
1. CSS element hiding <br />In CSS, there ar...
Complete steps for mounting a new data disk in CentOS7
Preface I just bought a new VPS. The data disk of...
How to collect Nginx logs using Filebeat
Nginx logs can be used to analyze user address lo...
Summary of ten principles for optimizing basic statements in MySQL
Preface In the application of database, programme...
Summary of some related operations of Linux scheduled tasks
I have searched various major websites and tested...