前言
🍀作者简介:吉师散养学生,为挣钱努力拼搏的一名小学生。
表单标签
昨天发了一篇关于dos的文章,在写某段文字的时候,为了凸显自己丰富的学识(不是,我想用html实现如下图的效果
结果我居然忘了该怎么写,只能用python顶了一下。
查阅相关资料,知晓是表单的知识,主要通过以下代码来实现。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action=''>
用户信息:<input type='text' placeholder='请输入用户名'>
</form>
</body>
</html>
由代码可知,,主要是通过input中的placeholder标签实现的
定义和用法
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。
<input> 元素
<input> 元素是最重要的表单元素。
<input> 元素有很多形态,根据不同的 type 属性。
这是本章中使用的类型:
类型 | 描述 |
text | 定义常规文本输入。 |
radio | 定义单选按钮输入(选择多个选择之一) |
submit | 定义提交按钮(提交表单) |
文本输入
<input type="text"> 定义用于文本输入的单行输入字段:
实例
<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>