web前端 html基础2

表单标签<form></form>

input系列标签 

  text 文本输入框

  placeholder 默认的属性,输入时消失

  password 密码输入框

  radio 单选框

  checkbox 多选框

  submit 提交按钮

  button 按钮(需要配合js使用.) button和submit的区别?

  file 提交文件:form表单需要加上属性enctype="multipart/form-data"

select标签

textarea多行文本框

label标签

fieldset标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>register</title>
</head>
<body>

<h2>注册页面</h2>

<form action="/index/" method="post">

    <p>
            <label for=“user”>用户:</label>       <!--label标签的作用,跟下面的“密码:”一样-->
        <input type="text" name="user" value="egon">
    </p>
    <p>密码:<input type="password" name="pwd" value="123"></p>
    <p>爱好:<input type="checkbox" name="hobby" value="bastball">篮球
            <input type="checkbox" name="hobby" value="football" checked="checked">足球  <!--checked="checked" 默认-->
            <input type="checkbox" name="hobby" value="pingpang">乒乓球
    </p>
    <p>性别:
        <input type="radio" name="sex" value="1" checked="checked">男
        <input type="radio" name="sex" value="0">女
    </p>
    <p>
        <select name="籍贯">
            <option value="hebei" selected="selected">河北省</option>  <!--selected="selected" 默认-->
            <option value="hebei" >河南省</option>
            <option value="hebei">湖南省</option>
            <option value="hebei">湖北省</option>
        </select>
    </p>
    <p>
        <input type="reset">
    </p>
    <p>
        <input type="button" value="按钮">
    </p>
    <p>
        <input type="file">
    </p>

    <fieldset>
        <legend>登录吧</legend>
        <input type="text">
    </fieldset>

    <input type="submit" value="提交">

</form>

</body>
</html>
时间: 2024-08-04 01:40:13

web前端 html基础2的相关文章

Web前端之基础知识

学习web前端开发基础技术需要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 2.CSS样式是表现 就像网页的外衣,比如:标题字体.颜色变化.为标题加入背景图片.边框等. 所有这些用来改变内容外观的东西称之为表现. 3.JavaScript是用来实现网页上的特效效果 比如:鼠标滑过弹出下拉菜单.鼠标滑过表格的背景颜色改变.焦点新闻的轮换. 可以理解为:有动画的.有交互的一般都用JavaSc

web前端——html基础笔记 NO.1

HTML+CSS基础课程 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 2. CSS样式是表现.就像网页的外衣.比如,标题字体.颜色变化,或为标题加入背景图片.边框等.所有这些用来改变内容外观的东西称之为表现. 3. JavaScript是用来实现网页上的特效效果.如:鼠标滑过弹

Web前端开发基础 第一天(Html和CSS)

学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 2. CSS样式是表现.就像网页的外衣.比如,标题字体.颜色变化,或为标题加入背景图片.边框等.所有这些用来改变内容外观的东西称之为表现. 3. JavaScript是用来实现网页上的特效效果.如:鼠标滑过弹出下拉菜单.或鼠标滑过表格的背景颜色改变.还有焦点

Web前端开发基础:HTML、CSS、JavaScript分别实现什么功能?

相信正在学习Web前端知识的小伙伴们都知道,学习Web前端开发基础技术需要掌握:HTML.CSS.JavaScript,那么这三个都是分别实现什么功能的呢?下面和小编一起来看看吧! 一.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 在这里小编建了一个前端学习交流扣扣群:132667127,我自己整理的最新的前端资料和高级开发教程,如果有想需要的,可以加群一起学习交流 二.CSS样式是表现 就像网页的外衣,比如:标题字体.颜色变化.为标题

web前端开发基础班课程大纲

前端开发是创建Web页面或app等前端界面呈现给用户的过程.前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术.框架.解决方案,来实现互联网产品的用户界面交互.Web前端工程师,他是伴随着web兴起而细分进去的行业.Web前端的岗位职责是利用HTML.CSS.JavaScript.DOM.Flash等各种Web技能结合产品的界面开发.web前端开发入门教程要学哪些内容呢? 首先第一阶段就是基础学习, 1.HTML基础 内容包括:(HTML简介与历史版本.常用开发软件.常见标

前端基础入门第一阶段-Web前端开发基础环境配置

Web前端和全栈的定义: A.什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的行为(包括页面的效果和整合): B.HTML5时代的大前端:要处理各种端的兼容开发(PC,移动端,各种浏览器).移动APP开发和移动站点开发,Ajax+服务器端技术开发,异步开发和后台的交互.高级设计模式和框架(MVC,AngularJS...).运用自动化工作流(Grunt).网站安全.SEO.测

web前端javaScript基础第六天

目前在从事前端工作,特别总结javaScript基础知识供大家学习,本人特总结一下使用方法献给目前正在学习web前端的小伙伴们,希望你们在前端领域闯出属于自己的一片天空来,需要sublime软件安装包的或者前端资料的,可以加我创建的前端群 937268047 函数:变量作用域:js只有函数能够关住变量的作用域全局变量局部变量:在函数内部声明的变量,只能在函数内部使用 函数的形参是局部变量,形参只能在函数内部使用全局变量作用:一个变量可以被多个函数改变,这个变量一定是全局变量(信号量) 函数作用域

初学者入门web前端 C#基础知识:数组与集合

对于初学者,想要入门web前端,要有足够的信念和坚持,不然只会越走越远,我现在就深深的体会到. 我本是一个很拒绝代码的人,以前想过UI设计,但是在这段学习时间里,发现其实只要认真,代码并不是很难 所以我整理了一套前期学C#的知识点,对于后期学习JavaScript有很大的帮助. 一.数组与集合数组:能存放任意多个同类型的数据 数据项:类型相同 ①每一个数据型都有一个编号(索引或下标) ②数据的索引(下标)是一个int类型的数字 ③从0开始,依次为数据中每一个数组项编号 数组的声明与赋值 声明:数

web前端 --- JavaScrip基础

avaScrip基础 JavaScrip简介 第一个JavaScrip代码 数据类型 运算符 数据类型转换 流程控制 常用内置对象 一.JavaScrip简介 1.JavaScrip历史背景介绍 布兰登 ? 艾奇(Brendan Eich,1961年-),1995年在网景公司,发明的JavaScript. 一开始JavaScript叫做LiveScript,但是由于当时Java这个语言特别火,所以为了傍大牌,就改名为JavaScript. 同时期还有其他的网页语言,比如VBScript.JScr

web前端——html基础笔记 NO.3

使用ul,添加新闻信息列表 ul-li是没有前后顺序的信息列表. <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例: <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul> ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如