正文

web前端html基础2

LCQ  2022-02-09  495

关键词：

表单标签<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>

好程序员web前端分享html基础篇

　　好程序员web前端分享HTML基础篇，最近遇到很多新手，都会问，如果要学web前端开发，需要学什么？难不难学啊？多久能入门之类的问题？那么今天好程序员就先来给大家分享一下web前端学习路线：HTML基础学习目标1、本专业... 查看详情

web前端基础知识-html基本操作

1.HTML概述HTML是英文HyperTextMark-upLanguage(超文本标记语言)的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它。浏览器负责将标签... 查看详情

零基础学习web前端开发：html第一部分基础知识的综合案例

零基础学习WEB前端开发(一)：网站及web标准简介零基础学习WEB前端开发(二)：HTML标签及开发工具零基础学习WEB前端开发(三)：VsCode工具生成的代码框架分析零基础学习WEB前端开发(四)：HTML文本编辑标签及分块标签零... 查看详情

2018-2019-2网络对抗技术20165318exp8web基础(代码片段)

...与实践说明实践内容概述基础问题回答实践过程记录1.Web前端：HTML2.Web前端：javascipt3.Web后端：MySQL基础4.Web后端：编写PHP网页5.最简单的SQL注入，XSS攻击测试实验遇到的问题及解决方法实验总结与体会原理与实践说明1.实践内容概... 查看详情

前端开发基础

前端开发工具编辑器editPlussublime浏览器：ChromeSafariFireboxIE插件：firebugchrome：inspectelement　　2.html组成结构1声明必须是HTML文档的第一行，位于标签之前,不是HTML标签；2它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令,... 查看详情

web前端攻城狮培养计划之前端小白入门：网页布局基础与常见网页特效

步骤1:HTML基础超文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,为搭建网页结构做出第一步。本阶段主要介绍了HTML的语法基础、表格、表单、等标签，并有案例结合，... 查看详情

web前端-html基础(代码片段)

Web前端Web前端基础HTML编程中命名规范网页的基本结构：网页运行的原理：HTML常见标签标题标签段落标签水平线标签有序列表标签无序列表标签描述标签表格标签表单form表单中常用的表单元素div分区标签span范围标签a超级... 查看详情

2018-2019-2网络对抗技术20165237exp8web基础(代码片段)

2018-2019-2网络对抗技术20165237Exp8Web基础实验目标(1).Web前端HTML(0.5分)能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML。(2).Web前端javascipt(0.5分)理解JavaScript的基本功能，理解DOM。编写JavaScript验... 查看详情

2023年web前端开发学习路线图

目录前言第一阶段：新手入门1.Web前端零基础入门HTML5+CSS3+前端项目2.移动web开发实战第二阶段：技术进阶1.JavaScript深入浅出-0基础入门神器2.JavaScript核心之WebAPIs3.数据交互&异步编程-前端进阶Ajax零基础入门第三阶... 查看详情

web前端基础--html简介

HTML简介超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。HTML文档的后缀名：.html和.htm，这两种后缀名没有区别，都可以使用。HTML实例<!DOCTYPEhtml><html><head>　　<metachars... 查看详情

web前端之css基础总结(代码片段)

Web前端之CSS基础总结(1)一、CSS原理1.HTML的局限性HTML满足不了设计者的需求，可以将网页结构与样式相分离，这样就可以在不更改网页结构的前提下，更换网站的样式。操作html属性不方便HTML里面添加样式带来的是无尽... 查看详情

web前端之css基础总结(代码片段)

web前端开发之html语言(代码片段)

文章目录一、前端语言功能介绍（HTML,CSS,JavaScript作用）1.1、HTML介绍1.2、HTML的初始格式1.2.2、初始标签二、标签分类2.1、单标签2.2、双标签三、字符集四、常用HTML基础标签4.1、标题设置4.2、文字设置4.3、段落设置4.4、跑... 查看详情

web前端开发之html语言(代码片段)

1112前端基础之标签

目录前端1.什么是前端前端开发的最核心技术什么是后端2.为什么要学习前端3.前端学习之路软件开发架构统一接口web服务的本质HTTP1.四大特性2.数据格式HTML1.定义2.HTML的文档结构3.HTML的注释4.标签的分类5.标签的三个属性6.head内常... 查看详情

web前端html详解(上篇)(代码片段)

开始更新Web前端学习进阶啦！🍁目标：基础三件套->巩固基础->学习框架->多做项目->按需学习->拓宽视野。🍁开始学习吧!一.HTML简介1.什么是HTML？2.HTML标签3.HTML元素4.HTML版本5.Web浏览器6.HTML网页结构... 查看详情

2018-2019-2网络对抗技术20165225exp8web安全基础(代码片段)

2018-2019-2网络对抗技术20165225Exp8Web安全基础实践内容Web前端HTML(0.5分)能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML。Web前端javascipt(0.5分)理解JavaScript的基本功能，理解DOM。编写JavaScript验... 查看详情

前端基础之html

一、web标准web准备介绍：w3c：万维网联盟组织，用来制定web标准的机构（组织）web标准：制作网页遵循的规范web准备规范的分类：结构标准、表现标准、行为标准。结构：html。表示：css。行为：Javascript。web准备总结：结构标准... 查看详情