html5+css表单input/textarea/select的属性与使用方法/学习笔记

noahsark747

已于 2022-04-14 17:15:08 修改

阅读量3.3k

点赞数 5

文章标签： css html5 html

于 2022-02-12 19:09:37 首次发布

本文链接：https://blog.csdn.net/No1banana/article/details/122900603

版权

一、input控件的用法属性

属性	属性值	描述
type	text	单行文本输入框
type	password	密码输入框
type	radio	单选按钮
type	checkbox	复选框
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
name	自定义	控件名称
value	自定义	input控件中的默认文本项
size	正整数	控件的宽度
checked	checked	定义控件的默认选项
maxlength	正整数	控件允许输入最大字符数

input属性的用法演示

代码：

<body>
	<form action="#" method="post" name="list">
		<input type="text" value="赵欣" maxlength="6"/><br>
		<input type="password" maxlength="20"/><br>
		<!--账户与密码框-->
		<input type="radio" name="sex" id="man" ><label for="man"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

noahsark747

关注关注

5
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS3中select的用法及代码示例

CodeGu的博客

10-02

1073

选择器(selectors)是CSS中非常重要的一部分，它可以用来选择需要样式化的HTML元素。在CSS3中，我们可以使用各种选择器来选择元素，包括基本选择器、层次选择器、属性选择器、伪类选择器等。通过合理使用选择器，您可以更精确地选择元素并对其应用样式，实现丰富多样的页面效果。ID选择器：通过元素的唯一ID选择元素。值属性选择器：选择具有指定属性及属性值的元素。后缀属性选择器：选择具有指定属性值结尾的元素。存在属性选择器：选择具有指定属性的元素。后代选择器：选择指定元素的后代元素。

HTML+CSS学习笔记

shsjjjs的博客

10-21

794

HTML+CSS学习笔记

参与评论您还未登录，请先登录后发表或查看评论

textarea相关属性及使用

2302_80277784的博客

05-12

1478

什么是textarea标签？在HTML中，像年龄，姓名这种用单行文本框就能搞定，但如果是多行文本，就需要用到textarea标签。textarea标签用于创建多行文本输入框。

HTML的输入框使用方法

最新发布

w_wx8866的博客

09-23

402

【代码】HTML的输入框使用方法。

html5 input与textarea标签及其属性

Huathy的博客

09-11

4130

请输入邮箱:<input type="email"> <br>  输入数字:<input id="numcheck" type="number" min="0"...

css---input和textarea 输入框点击有边框解决方法

weixin_45458830的博客

11-24

1080

第二种方法（控制聚焦时不出现边框）第一种方法(直接添加样式)

cssselect用法

weixin_42336606的博客

06-14

5498

# cssselector：和xpath是使用比较多的两种数据提取方式。# scrapy爬虫框架：支持xpath/css# pyspider爬虫框架：支持PyQuery，也是通过css样式选择器实现的# pip install cssselectorimport cssselectfrom lxml.html import etreehtml = """ <div id='conten...

web前端零基础html5 +css3+前端项目视频教程笔记、源码第一章初识HTML

11-12

7. 表单控件：初步接触, <input>, , <select>, <textarea>等用于创建交互式表单的元素。 CSS（Cascading Style Sheets）则是用来描述HTML或XML（包括SVG、XHTML等）文档样式的样式表语言。在学习CSS3的过程中，你将...

HTML(5)+CSS(3)学习笔记.docx

02-08

- **表单标签**：`<form>`用于创建表单，包含各种输入元素如`<input>`、`<select>`、`<textarea>`等。 **CSS基础** 1. **CSS简介**：CSS用于定义HTML或XML文档的外观和布局，通过分离内容和表现，使网页设计更加...

html+css学习笔记

hutongkoudemihu的博客

06-19

1034

HTML+CSS+Javascript=网页HTML:Hyper Text Markup language 超文本标记语言；定义网页中有什么。CSS:Cascading Style Sheets 层叠样式表；定义网页中的东西长什么样子。MarkDown:MD 文档格式标准 [toc]可以加目录w3c 万维网联盟，非盈利性的组织：w3c.org 为互联网提供各种标准XML 可扩展的标记语言：extension markup lanuage,用于定义文档结构的。html HTML是W3C组织定义的语言标准。HT

html中的textarea属性,textarea属性设置详解

weixin_39973492的博客

06-04

6103

textarea为什么没有Value属性？该如何去设置textar... document.getElementById("t1").value="hello。" 或者直接 hello。怎么设置textarea的高宽textarea通过cols和rows设置宽度和高度；也可以用style来设置width和height。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体(通常是Cour...

Html----textarea

u010398850的专栏

07-09

753

定义和用法标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）进行分隔；通过标签的 wra

Html标签 textarea 的属性及用法

z_yin的专栏

05-09

1万+

HTML中的标签textarea的属性及用法 1、cols，垂直列。在没有做样式表设置的情况下，它表示一行中可容纳下的字节数。例如cols=60，表示一行中最多可容纳60个字节，也就是30个汉字。另外要注意的是，文本框的宽度就是通过这个来调整，输入好cols的数值，然后再定义输入文字字体的大小（不定义的话，会采用默认值），那么文本框的宽度就确定了。 2、rows，水平列。表示可

HTML中的标签textarea的属性及用法

热门推荐

weixin_41044610的博客

03-21

5万+

<textarea>标签定义及用法 1、在html中，<textarea>标签是用来定义一个多行的文本输入控件，在文本输入域中可以输入任意长度的文本。文本默认字体是等宽字体（Courier），可以通过css来改变。 2、在实际应用中，一般会通过cols属性和rows属性来设置textarea控件的尺寸大小（使用 css的height和width属性来设置更佳）。 &l...

HTML textArea元素的使用你知道多少？

qq_44327851的博客

05-15

2551

下面的三种方法在Enter键提交表单时都要额外处理一下，因为Enter键会换行，这样会带来一定的高度样式的不正确性，所以这时我们可以用。模拟textarea文本域实现高度自适应；scrollHeight手动设置。Enter键换行的默认行为。textArea自适应高度。第二种方法：通过用JS中的。来设置文本域自适应高度；textArea的高度；

CSS user-select属性

weixin_42192113的博客

09-02

244

防止选取 <div>或<a>等元素的文本,在 web 浏览器中，如果您在文本上双击，文本会被选取或高亮显示。此属性用于阻止这种行为。 div { -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10+ and Edge */ user-select: none; /* Standard syntax */ } CSS 语法 user-select: auto|none|text|a

html input文本框样式,css 定义input文本输入框样式

weixin_39862097的博客

06-03

3046

摘要腾兴网为您分享:css 定义input文本输入框样式，找乐助手，长江e号，一点英语，天天爱等软件知识，以及多功能盒子，方寸天地，斗音，蚊声，奶牛牧场，聚好商城，滞纳金计算器,反p2p终结者，lol日服最新语音包，路人三国，法术计时器，烟店轴承，联通懂我卡，vegas字幕插件，小学生操行评语等软件it资讯，欢迎关注腾兴网。这是一张效果图片，我们下面来看看input的源码html代码吧。代码如...

input标签 textarea

AgonyQAQ的博客

02-12

1769

input标签内容选中时。

CSS选择器

kissing_yang的博客

07-14

243

选择器是css最重要的概念与使用技巧之一，可以通过css提供的不同选择器快速的对当前页面内的相应标签进行快速选择（选择器可以选择任意指定类型或者只当属性。。。的标签组简单选择器根据名称、id、class等进行指定标签的选择通配符选择器通过*代表全部标签 *{ /* 选择全部标签进行样式操作 */ } 元素（标签TagName）选择器选择指定标签名称的标签（包含自定义标签标签名{ /* 选择当前页面标签名为指定名称的标签 */ } id选择器通过对标签设

HTML5+CSS3学院网页源码设计教程

3. 表单元素：<input>、、<textarea>、<select>等，以及新增的输入类型如email、number、range等，它们增强了表单的交互性和适应性。 4. 多媒体支持：、标签的使用，使得网页能够直接嵌入音频和视频内容，无需额外...