纪念自己开始前端的学习之路

就2天学完了HTML,感觉记得东西很多,不过我相信只要之后熟练应用,记起来就方便多了。

以下是我这2天写的笔记,分享给大家及提醒自己复习!!!

表单元素的学习:

size代表文本框的长度,maxlength代表的输入最大的字符数。

文本框--姓名:<input type="text" value="***"  size=‘8‘ maxlength=‘10‘/>

密码框--银行卡密码:<input type="password" size=‘10‘ maxlength=‘18‘ />

单选框--性别:<input type=‘radio‘ name=‘sex‘ />男<input type=‘radio‘ name=‘sex‘ />女  注意使用name让选择可以单项

复选框--爱好:<br/>

<input id=‘checkbox1‘type=‘checkbox‘ checked=‘checked‘ /><lable for=‘checkbox1‘>打篮球</lable><br/>

<input id=‘checkbox2‘type=‘checkbox‘ /><lable for=‘checkbox2‘>踢足球</lable><br/>

复选框是checkbox必须和label标签配合使用的。

按钮--<input type=‘button‘ value=‘我是按钮哦‘ onclick="alert(‘hello kobetang‘)" />

提交按钮--<input type=‘submit‘ value=‘我是提交按钮‘ />

重置按钮--<input type=‘reset‘ value=‘我是重置按钮‘  />

文件上传--<input type=‘file‘ value=‘文件上传‘ />

文本域--<textarea rows=‘10‘ cols=‘20‘>文本域textarea</textarea>

下拉列表--现在所在城市

<select>

<option>成都</option>

<option selected="selected">达州</option>

<option>巴中</option>

<option>德阳</option>

<option>南充</option>

</select>

时间: 2024-10-15 18:25:13

纪念自己开始前端的学习之路的相关文章

Web 前端开发学习之路(入门篇)

字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== 以下引用知乎 @李路 的话. 以我的经验,大部分技术,熟读下列四类书籍即可. 入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列实践,结合

前端开发学习之路

打牢前端基础.前端的框架,层出不穷,帮我们做前端开发省了很多功夫,漂亮的UI,兼容性,自适应等. 但作为前端开发人员,最重要还是打牢基础.这样学习框架更快,也能比基础不牢的同学用框架用得更好. 所以我觉得前端开发可以按照这样的路线: 1.学习html,html5,js,css,css3,es6 w3school这里有个不错的网站:http://www.w3school.com.cn/   . "HTML/CSS","Javascript"可以都看一遍,理解同时动手练

前端学习之路

转载自:https://github.com/qiu-deqing/FE-learning必备基础技能 前端技能汇总(https://github.com/JacksonTian/fks)这个项目详细记录 了前端工程师牵涉到的各方面知识.在具备基本技能之后可以在里面找到学习 的方向,完善技能和知识面. frontend-dev-bookmarks(https://github.com/dypsilon/frontend-dev-bookmarks)是老外总结的前端开发资源.覆盖面非常广.包括各种

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Demo页面: 基本选项 淡入效果 对不支持JavaScript浏览器的降级处理 水平滚动 容器内水平滚动 容器内垂直滚动

00 开始技术博客之旅,加速前端学习之路。

第一篇博文 都说程序员是“30IT,30岁挨踢”,其实这是个伪命题,只要自己喜欢学技术,喜欢不断地追新技术,多少岁也不会挨踢.所以,尽管我今年已经27岁了,但是我打算从零开始,希望成为一名前端工程师,目前在家待业,自学中. 说来也可笑,毕业时因为是女生且没有项目经验,很受挫,害怕了,最后没有做程序媛,4年过去了,我依然是个没有项目经验的女生,今天我去参加了我第三次前端实习生的面试,心里也明白是挂了,而且今天的面试官很mean呢,依然很受挫,但是不害怕了. 受挫是难免的,但是每每学完一个知识点,成

前端学习之路-CSS介绍,Html介绍,JavaScript介绍

CSS介绍 学前端必备掌握CSS样式,css为层叠样式表,用来定义页面的显示效果,加强用户的体验乐趣,那么如何用css到html中呢? style属性方式 利用标签中的style属性来改变显示样式 <p style="background-color: #FFF000"> p标签 </p> 在head中加入style标签 <head> <style type="text/css"> p { color: #FFF000

前端:HTML5学习之路(一)

第1章 HTML5基础 关于HTML5基础这一部分的内容没有明显边界.各种HTML5教材关于HTML5基础知识的介绍大同小异,这里不做过多赘述. 1. 我们要把HTML5简单用起来,首先要学会新建HTML5文档.每个网页都包含doctype.html.head和body元素,以下是一个简单的HTML5文档示例(用到了a.article.em.h1.img和p这6种常见的元素): 1 <!doctype html> 2 <html> 3 <head> 4 <meta

开始了大概三四天的Rails学习之路

最近因为一位极光推送朋友,我开始了大概三四天的Rails学习之路,最终达到的水平是可以比较轻松地做出大部分功能,然后自我感觉可以自如地按照Rails的设计思想去思考.由于编程的日益流行,我结识了越来越多非计算机系的学生出于爱好开始写代码,但是其中的大部分人也许在用着一些错误的学习方式来学习编程,为了避免大家再继续走弯路,在这篇文章中,我会介绍下一个初学者要如何学习Rails. 1. 为何而学,目标是什么? 今天和朋友在走路时,谈到要如何学习Rails,我问的第一个问题是,你为什么要学习Rails

C++学习之路,漫长而遥远

一.C/C++语言 如果你的基础很差, 建议不要一开始就学C++语言,从C开始学起,对程序有个初步的认识,循序渐进.C语言的书嘛,先买一本 300 页以内的,把书中的每一个例子都通过键盘敲打进去到 Visual studio里面去,然后单步执行,逐行调试去看各个变量的值.或者自行添加一些printf语句去输出变量的值.这样当你看完一本书后, 你就有编写小程序的感觉了. 记住,千万不要偷懒,不敲进去,自以为聪明, 能看懂, 或者直接从光盘复制.偷懒的代价是会花费更多的时间学习,最后还没有学会,给自