从0开始学前端第一天

这篇具有很好参考价值的文章主要介绍了从0开始学前端第一天。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

学习内容:

acwing web应用课

1、各种标签

2、MDN网站,用来搜各种标签的含义

3、CTRL+/ 快速注释

表单:

<form>标签
HTML <form> 元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。

<input>标签
HTML <input>用来填写内容,常见类型有:

<input type="text">:创建基础的单行文本框。
<input type="number">:用于让用户输入一个数字。其包括内置验证以拒绝非数字输入。浏览器可能会选择提供步进箭头,让用户可以使用鼠标增加和减少输入的值,或者只需用指尖敲击即可。
<input type="email">:带有 “email” (电子邮箱) 类型标记的输入框元素 (<input>) 能够让用户输入或编辑一个电子邮箱地址,此外,如果指定了multiple属性,用户还可以输入多个电子邮箱地址。在表单提交前,输入框会自动验证输入值是否是一个或多个合法的电子邮箱地址 (非空值且符合电子邮箱地址格式). CSS 伪标签 :valid 和 :invalid 能够在校验后自动应用。
<input type="password">:<input> 元素 里有一种叫做 “password” 的值,给我们一个方法让用户更加安全的输入密码。这个元素是作为一行纯文本编辑器控件呈现的,其中文本被遮蔽以致于无法读取,通常通过用诸如星号(“*”)或点(“•”)等符号替换每个字符来实现。这个符号会根据用户的浏览器和操作系统来具体显示哪个。
<input type="radio">:<input> 的 radio 类型元素默认渲染为小型圆圈图表,填充即为激活,类似于之前描述额复选框(checkbox)类型。单选按钮允许你选择单一的值来提交表单。
常用属性有:

name: 名称
id: 唯一ID
maxlength:最大长度
minlength:最小长度
required:是否必填
placeholder:当表单控件为空时,控件中显示的内容
<textarea>标签
HTML <textarea> 元素表示一个多行纯文本编辑控件,当你希望用户输入一段相当长的、不限格式的文本,例如评论或反馈表单中的一段意见时,这很有用。

<select>与<option>标签
HTML <select> 元素表示一个提供选项菜单的控件。

示例:

<label for="pet-select">Choose a pet:</label>

<select name="pets" id="pet-select">
    <option value="">--Please choose an option--</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster">Hamster</option>
    <option value="parrot">Parrot</option>
    <option value="spider">Spider</option>
    <option value="goldfish">Goldfish</option>
</select>
<button>标签
HTML <button> 元素表示一个可点击的按钮,可以用在表单或文档其它需要使用简单标准按钮的地方。 默认情况下,HTML 按钮的显示样式接近于 user agent 所在的宿主系统平台(用户操作系统)的按钮, 但你可以使用 CSS 来改变按钮的样貌。文章来源地址https://www.toymoban.com/news/detail-791106.html

遇到的问题:

到了这里,关于从0开始学前端第一天的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JAVA获取本日,本日开始时间本周、本月和本年的第一天和最后一天

    这个是我自己再项目中写到的 可以借鉴 打印运行结果如下

    2024年02月13日
    浏览(43)
  • 前端基础第一天-html-综合案例

    通过综合案例,主要复习: 目录文件夹 今日所学标签 路径 锚点链接

    2024年02月14日
    浏览(45)
  • 前端入职第一天,应该做什么

    Node官网 终端查看版本号 node -v vsCode HbuliderX 下载node 会自动安装npm 查看npm包管理工具 npm -v 安装包 npm install 包的名称 (npm i 包的名称) 安装指定版本的包 npm i 包的名称@2.2.2 忽略文件 .gitgnore / 文件名 npm install -g yarn 初始化 yarn init 查看版本号 yarn --version 安装包 yarn install 谷歌官

    2023年04月10日
    浏览(112)
  • 快速入门vb语言——第一天

    什么是VB编程语言 VB的应用场景 VB的编辑器——Visual Basic 我的第一个VB程序——Hello,World VB语言是一门面向对象的编程语言,它具有模块化、结构化等特点。它与其他的编程语言最大的特别是它自带UI界面,非常适合新手入门计算机的世界。vb语言还衍生出了VBA、VBS以及vb.net语

    2024年02月05日
    浏览(38)
  • 【后端学前端】第一天 css动画 内凹导航栏

    css动画 内凹导航栏_哔哩哔哩_bilibili 随便找的的视频,主要原因是在公司不方便有声音 最终源码 i 标签主要用来定义块内元素 在CSS中,有一些属性是用于控制子元素(子项)的布局和样式。这些属性通常用于父元素,以影响其子元素的表现。以下是一些常见的用于控制子元

    2024年02月04日
    浏览(55)
  • 学习C语言的第一天

    使用工具:visual studio 2010 搭建过程:新建项目、配置设置(主要是解决运行后一闪而过的问题)   如何输出各种数据类型?  学习字节以及一些常用基本单位:  搞懂十进制和二进制如何计算?  从以上内容,我们可以得出:如果我使用的是int类型,那么将有32个bit,也就是

    2023年04月18日
    浏览(58)
  • 七天学会C语言-第一天(C语言基本语句)

    这个是C程序的基本框架,需要记住!!! 简单输出一句C程序: 运行结果: 例 2: 运行结果: 例 3:使用\\\"t\\\" 代码编写: 运行结果: 例 4:请编写一个C程序,输出以下信息: 代码编写: 运行结果: C语言中有多种数据类型,用于存储不同类型的数据 int(整数) int  用于

    2024年02月08日
    浏览(44)
  • 鸿蒙开发第一天

    一、开发准备工作 1、开发工具的安装 1)下载地址:https://developer.huawei.com/consumer/cn/deveco-studio/ 2)查询API文档链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V2/syscap-0000001408089368-V2 二、ArkTS语言 1、ArkTS语言特点主打一个:开发效率高,开发体验好 2、TypeScript语法学习

    2024年02月03日
    浏览(43)
  • 拒绝摆烂!C语言练习打卡第一天

      🔥 博客主页: 小王又困了 📚 系列专栏: 每日一练 🌟 人之为学,不日近则日退  ❤️ 感谢大家点赞👍收藏⭐评论✍️ 🗒️前言: 在前面我们学习完C语言的所以知识,当然练习巩固也不能落下。俗话说:“ 无财之谓贫,学而不能行之谓病 。”可见实践对我们学习的

    2024年02月13日
    浏览(66)
  • 初学unity开发学习笔记----第一天

    以下是学习unity知识的心得,类似备忘录,肯定是存在有漏洞的地方或者专业名词使用不恰当的地方。。。 目标:编写小球wasd移动的效果 1.下载unity hub和unity引擎: (1).前往官网:Unity实时内容开发平台 -实时3D引擎、2D、VRAR可视化数据 | Unity中国官网 (2).选择unity选项卡,选择下载

    2024年02月09日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包