文本框 | 学习笔记

简介: 快速学习文本框

开发者学堂课程【零基础学前端 HTML+CSS:文本框】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/398/detail/5117


文本框

内容介绍:

一、表单包括的标签

二、单行文本输入框

三、示例

 

一、表单包括的标签

表单域用于给用户提供输入数据的界面。

包括以下几种输入:

单行文本输入框、密码输入框

多行文本输入框

单选框、复选框

下拉单选框

提交按钮、重置按钮、普通按钮

隐藏域、文件上传框、下拉多选框

 

二、单行文本输入框

用 < input > 标签描述,它是单标签。例:

image.png

命名一定注意不能是关键字,即 html 的关键字,否则可能会出现错误。

name 属性∶

指定输入框的名字,自行定义,用英文字母定义即可。在一个表单里不要出现重名,比如登录名和密码是一个名字,在接收时是根据名字来接收,要接收 username 时有两个相同名称,就会替换掉第一个 username,直接接收第二个。

type 属性:单行文本输入框的 type 固定为 text

总结:

单行文本 < input > 是单标记,name 属性定义名字,type 属性定义类型

 

三、示例

继续上节代码内容在 < form > 中继续输入

<input name= “user_name”  type= “text”>

运行显示一个文本框

image.png

也可以在文本框前写内容,写入用户名

用户名:<input name= “user_name”  type= “text”>

image.png

此外文本框颜色在不同浏览器显示的效果可能不同,如果想要统一效果,需要用 css 来制定自己独立的效果,就会改变浏览器默认效果

相关文章
|
7月前
|
C#
C# 文本框限制大全
C# 文本框限制大全
60 0
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
|
2月前
多行输入框
【10月更文挑战第1天】多行输入框。
27 4
|
7月前
表单控件:多行输入框
表单控件:多行输入框。
38 1
|
Java Maven 数据安全/隐私保护
一个简单的自定义输入框
今天还是一篇关于自定义View相关的,带来一个大众的,常见的一个输入框,很多的场合下都能遇到,比如验证码,密码框等等,配置了很多常见的属性,可以满足不同场合下的需求,矩形框,圆角框,下划线等等均可满足,长度设置,光标选择,背景选择,均可控制。
|
前端开发 C# 数据安全/隐私保护
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
ApeForms一款基于WinForm实现的开源免费商用的UI库,其中提供了一套便于用户交互的临时对话框组件(Dialog),可用于快速创建开发中常见的交互对话框,例如:消息框、提示框、输入框、单选框、多选框等。 ApeFree.ApeDialogs并不是一个包含Dialog实现的UI库,而是一套Dialog标准(提供了一套临时弹出对话框的实现标准)。 Dialog是界面开发过程中必不可少的组件,无论是桌面开发、Web前端开发、移动端开发,甚至命令行应用程序中的一次“Yes or No”的输入都可以看做是一次Dialog弹框。
562 0
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
|
前端开发 开发者
复选框| 学习笔记
快速学习复选框。
复选框| 学习笔记
|
前端开发 数据安全/隐私保护 开发者
密码框 | 学习笔记
快速学习密码框
密码框 | 学习笔记
|
前端开发 开发者
下拉菜单 | 学习笔记
快速学习下拉菜单
下拉菜单 | 学习笔记
|
移动开发 HTML5
表单文本框的使用(一) 选择文本
表单文本框的使用(一) 选择文本
157 0