前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《HTML康复训练》之html表单

《HTML康复训练》之html表单

作者头像
吉师散养基地
发布2022-11-21 15:56:19
2560
发布2022-11-21 15:56:19
举报
文章被收录于专栏:我奏是太阳

前言

🍀作者简介:吉师散养学生,为挣钱努力拼搏的一名小学生。 🍁个人主页:吉师职业混子的博客_CSDN博客-python学习,HTML学习,清览题库--C语言程序设计第五版编程题解析领域博主 🫒文章目的:。。。html忘得差不多了

表单标签

昨天发了一篇关于dos的文章,在写某段文字的时候,为了凸显自己丰富的学识(不是,我想用html实现如下图的效果

 结果我居然忘了该怎么写,只能用python顶了一下。

查阅相关资料,知晓是表单的知识,主要通过以下代码来实现。

代码语言:javascript
复制
<!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"> 定义用于文本输入的单行输入字段:

实例

代码语言:javascript
复制
<form>
 First name:<br>
<input type="text" name="firstname">
<br>
 Last name:<br>
<input type="text" name="lastname">
</form> 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-10-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 表单标签
  • 定义和用法
  • <input> 元素
  • 文本输入
    • 实例
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档