开发者学堂课程【零基础学前端 HTML+CSS:文本框】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/398/detail/5117
文本框
内容介绍:
一、表单包括的标签
二、单行文本输入框
三、示例
一、表单包括的标签
表单域用于给用户提供输入数据的界面。
包括以下几种输入:
单行文本输入框、密码输入框
多行文本输入框
单选框、复选框
下拉单选框
提交按钮、重置按钮、普通按钮
隐藏域、文件上传框、下拉多选框
二、单行文本输入框
用 < input > 标签描述,它是单标签。例:
命名一定注意不能是关键字,即 html 的关键字,否则可能会出现错误。
name 属性∶
指定输入框的名字,自行定义,用英文字母定义即可。在一个表单里不要出现重名,比如登录名和密码是一个名字,在接收时是根据名字来接收,要接收 username 时有两个相同名称,就会替换掉第一个 username,直接接收第二个。
type 属性:单行文本输入框的 type 固定为 text
总结:
单行文本 < input > 是单标记,name 属性定义名字,type 属性定义类型
三、示例
继续上节代码内容在 < form > 中继续输入
<input name= “user_name” type= “text”>
运行显示一个文本框
也可以在文本框前写内容,写入用户名
用户名:<input name= “user_name” type= “text”>
此外文本框颜色在不同浏览器显示的效果可能不同,如果想要统一效果,需要用 css 来制定自己独立的效果,就会改变浏览器默认效果