HTML simple web form creation example introduction

<input> is used to collect user information and has no closing statement.
<type>input element type,
The type attribute of input, type attribute value:

text (text box), button (button), checkbox (check box), file (file), hidden (hidden field),

image (image), password (password box), radio (radio button), reset (reset button), submit (submit button).

<textarea> defines a text area, ending </textarea>.textarea attributes:

example:

Copy code

The code is as follows:

<b>Bold, ending</b>

<i>Italics, closing remarks</i>

<u>Underline, closing remarks</u>

Large fonts

<small>Small font</small>

<blink>Blinking effect</blink>

<em>Usually italic, emphasized</em>

<strong>Generally bold, emphasized</strong>

<cite> is usually in italics and is used for citations and examples.</cite>

Copy code

The code is as follows:

<html>
<head>
<title>Welcome to register/login</title>
</head>
<form name="form1" method="post" action="">
<P>Name:
<input type="text" value="小神" size="20">
</P>
</form>
<form name="form2" method="post" action="">
<P>Password:
<input value="123456" type="password" size="22">
</P>
</form>
<form name="form3" method="post" action="">
Single gender:
<input name="gen" type="radio" class="input" value="男" checked>
<img src="b.gif" width="23" height="21">Male 
<input name="gen" type="radio" class="input" value="女" >
<img src="g.gif" width="23" height="21">Female 
Select hobbies:
<label>
<input type="checkbox" name=""value=""checked>
</label>Chat  
<label>
<input type="checkbox" name="" value="">
</label>Movies  
<label>
<input type="checkbox" name="" value="">
</label>Games  
Date of Birth:
<input name="byear" value="yyyy" size=4 maxlength=4 >Year 
<select name="bmon">
<option value=" " selected>[Select month] </option>
<option value=0>January</option>
<option value=1>February</option>
<option value=2>March</option>
<option value=3>April</option>
</select>Month 
<input name="bday" value="dd" size=2 maxlength=2 >Day 
<div class="left">
<span class="spanTxt">Enter the number in the right picture to verify</span>:
<span class="shortInputSpan"><input type="text" class="short_input" name="validatecode" id="validatecode" maxlength="4" onFocus="textshow(this,'Please enter the verification code correctly');"/></span>
<span class="h1">
<img id="vcode" name="vcode" alt="" src="help_alarm.jpg" height="28" width="63" align="absmiddle"/><a href="javascript:changeimg();" class="code_style">Can't see clearly, change one</a>
</span>
</div>
</form>
<form>
<input type="checkbox" id="chkagreement" name="chkagreement" checked="checked"/>
Accept <a href="小神幻化成.html" target="_blank" >《XXX Registration Agreement》</a>
</form>
<form name="form7" method="post" action="">
<textarea name="textarea" cols="35" rows="6">Welcome to read this Terms of Service Agreement. The terms and conditions set forth in this agreement apply to your use of XXX's services.
This service agreement is for me, you, and him.
This service agreement has contractual effect.
my rights and obligations
</textarea>
</form>
</html>

<<: Web front-end development experience summary

>>: Implementation of the list-style-type attribute in front of CSS ordered or unordered lists

HTML simple web form creation example introduction

Vue data responsiveness summary

How to let DOSBox automatically execute commands after startup

How to insert weather forecast into your website

Vue3.0+vite2 implements dynamic asynchronous component lazy loading

How to install theano and keras on ubuntu system

Detailed explanation of how to query fields containing '%' in MySQL like (ESCAPE usage)

Solution to the problem that order by is not effective in MySQL subquery

Solve the problem of installing Tenda U12 wireless network card driver on Centos7

React Fragment Introduction and Detailed Usage

Docker data volume container creation and usage analysis

Recommend

Detailed explanation of desktop application using Vue3 and Electron

Detailed tutorial on installing Docker on Windows

Parsing Linux source code epoll

Detailed explanation of MySQL persistent statistics

A performance bug about MySQL partition tables

Detailed analysis of when tomcat writes back the response datagram

MySql batch insert optimization Sql execution efficiency example detailed explanation

MySQL database index order by sorting detailed explanation

Docker uses the Prune command to clean up the none image

Detailed explanation of the implementation of WeChat applet track playback and the pitfalls encountered

HTML validate HTML validation

Use of MySQL query rewrite plugin

How to generate Vue user interface by dragging and dropping

Delegating Privileges in Linux Using Sudo

Alignment issue between input text box and img verification code (img is always one head higher than input)