HTML-CSS/exp19InputTag.html at main · sudeepnagar/HTML-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!-- example on "input" tag-->
<DOCTYPE html>
<html lang="en">
   <head>
         <title> my 19th web page</title>
		 <link rel="icone" href="id.png"/>
		 </head>

		 <body>
		 		<h3>demo on text fields</h3>
				<input type="text" autofocus><!--autofocus means set cursor position -->
				<!--input attributes-->
				<br>
				<input type="text" size="30" />
				<br>
				<input type="text" id="x1" name="x2"/>
				<!--JS/RJS/Ang->id
				     java/.net->name ,  so id and name should be same-->
		        <br>
				<input type="text" id="fna" name="fna" placeholder="enter firstname"/>
				<br>
				<label>enter lastname</label><br><!--label tag introduced in html4 and it is semantic tag-->
				<input type="text" id="fna" name="fna"/>
				<br>
				<input type="text" maxlength="10"/><!--maxlength means maximum number of character-->
				<br>
				<input type="text" required><!--mendatory data is required-->
				<br>
				<input type="text" readonly value="5000"><!--restricting user to write anything, it is read only to the user,(to set default value by progammer), if we remover readonly then it is changeable by user-->
		 </body>
		 </html>