9
<!DOCTYPE html>
<html>
<head>
<title>Text Input Control</title>
</head> <body>
<form > First name: <input type="text" name="first_name" /> <br> Last name: <input type="text"
name="last_name" /> </form>
</body>
</html>
Password input controls
- This is also a single-line text input but it masks the character as soon as a user
enters it. They are also created using HTMl <input> tag.
Example
<!DOCTYPE html>
<html>
<head>
<title>Password Input Control</title>
</head> <body>
<form > User ID : <input type="text" name="user_id" /><br> Password: <input type="password"
name="password" />
s </form>
</body>
</html>
Multi-line text input controls
- This is used when the user is required to give details that may be longer
than a single sentence. Multi-line input controls are created using HTML <textarea> tag.
Example
<!DOCTYPE html>
<html>
<head>
<title>Multiple-Line Input Control</title>
</head>
<body>
<form> Description : <br /> <textarea rows="5" cols="50" name="description"> Enter description here...
</textarea>
</form>
</body>
</html>
18.(b). (ii). Explain about <svg> tag and its uses.[5]
<svg> element
SVG stands for Scalable Vector Graphics SVG is used to define graphics for the Web <svg> tag
Html5 introduce new tag <svg>, SVG stands for Scalable Vector Graphics. It is used to define graphics
for the Web. <svg> tag is container for SVG graphics.
SVG has several methods for drawing paths, boxes, circles, text, and graphic images.
It is mostly used for vector type diagrams like pie charts, 2-Dimensional graphs in an X,Y coordinate
system etc.
SVG Circle
Example
<!DOCTYPE html>
<html>
<body> <svg width="100" height="100">