HTML——表单类的标签

最新推荐文章于 2024-06-07 17:35:37 发布

tomatooooooooo

最新推荐文章于 2024-06-07 17:35:37 发布

阅读量1.9k

点赞数 3

文章标签： html

本文链接：https://blog.csdn.net/tomatooooooooo/article/details/123197878

版权

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>

tomatooooooooo

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
HTML——表单类的标签

1.表单元素——文本框本关任务：创建一个input标签， type类型为text，name属性值为nickName。效果如下：昵称：<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body> <h1>昵称：<input type=
复制链接

扫一扫