1.表单元素——文本框
本关任务:创建一个input
标签, type
类型为text
,name
属性值为nickName
。
效果如下:
昵称:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- ********* Begin ********* -->
<h1>昵称:<input type="text" name="nickName"/></h1>
<!-- ********* End ********* -->
</body>
</html>
2.表单元素——密码框
任务描述
本关任务:创建一个input
标签, type
类型为password
,name
属性值为check
,value
值为123
。
效果如下:
密码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<!-- ********* Begin ********* -->
<h1>密码:<input type="password" name="check" value="123"/></h1>
<!-- ********* End ********* -->
</body>
</html>
3.表单元素——单选框
任务描述
本关任务:创建一组单选框,name
属性值为question
。
要求:对每一个选项使用<p>
标签进行换行。
注:这里及后面遇到的文本都是中文符号,比如:
,是中文符号的:
。
效果如下:
- HTML是什么语言?(单选题)
A:高级文本语言
B:超文本标记语言
C:扩展标记语言
D:图形化标记语言
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> 1. HTML是什么语言?(单选题)<br> <!-- ********* Begin ********* --> <p> <input type="radio" name="question"/>A:高级文本语言<p> <input type="radio" name="question"/>B:超文本标记语言<p> <input type="radio" name="question"/>C:扩展标记语言<p> <input type="radio" name="question"/>D:图形化标记语言 <!-- ********* End ********* --> </body> </html>