当前位置: 首页 > news >正文

前端开发知识(一)-html

1.前端开发需掌握的内容: 

2.前端开发的三剑客:html、css、javascript 

Vue可以简化JavaScpript流程。

Element(饿了么开发的) :前端组件库。

Ngix:前端服务器。

3.前端开发工具:vscode

1)按下 感叹号 回车后,即可自动填写html的基本框架。

2)<br>是换行

3)<p>是段落标签,使用段落标签不仅会换行,段落之间还会有间距。

4)两个布局标签

   <div>:定义html文档中的一个区域部分,经常与CSS一起使用,用来布局页面。

标签之间会分段。

   <span>:用来组合行内元素。

5)表单标签:<form>用于采集用户数据

在input中,使用submit提交数据。(不用写名字,默认的名字提交,或者使用value=""修改按钮显示文字)。一定要写 name,否则提交后,也采集不到。

除submit外,reset用于清零,button配合javascpript使用。

 

方式一:在地址栏中显示采集数据 (默认是get)

<form>

        姓名:<input type="text" name="name”/><br /><br />

        年龄:<input type="text" name="age”/><br /><br />

        <input type="submit">

</form>

 

 点击提交后,在地址栏中,会采集到数据。

 

方式二: method 改为post,提交到消息体 

<form method="post">

        姓名:<input type="text" name="name”/><br /><br />

        年龄:<input type="text" name="age”/><br /><br />

        <input type="submit">

</form>

最终提交在消息体中,试用于 密码等不能明文展示的数据。 

 

数据最终是要提交到后台的,因为没有设置后台的地址,默认是提交到了本地的URL,如上图所示(将本地网址转化成一串地址。) 

通过action 设置后端程序地址:

<form method="post"  action="后端服务器地址">

...

</form>

 

相关文章:

  • 动静资源的转发操作
  • day18homework
  • SpringBoot3:轻松使用Jasypt实现配置文件信息加密
  • DDoS 攻击下的教育网站防护策略
  • ansible基础讲解和加密文件讲解
  • 机器学习数学基础(2)--最大似然函数
  • 免杀笔记 -->API的整理Shellcode加密(过DeFender)
  • 初学MySQl简单sql语句(1)
  • google、windows自带语音识别中英文等实时字幕使用
  • 跨境电商独立站:Shopify/Wordpress/店匠选哪个?
  • Linux常用命令整理
  • 苹果笔记本电脑如何优化系统 苹果电脑系统优化软件哪个好 cleanmymac x怎么用
  • React如何用一个变量接收所有axios接口内的数据渲染dom
  • chrome 插件:content-script 部分逻辑在页面无法生效,可考虑插入 script 到页面上
  • [C++][STL源码剖析] 详解AVL树的实现
  • JavaScript-如何实现克隆(clone)函数
  • 【翻译】Mashape是如何管理15000个API和微服务的(三)
  • ES6简单总结(搭配简单的讲解和小案例)
  • JavaWeb(学习笔记二)
  • Joomla 2.x, 3.x useful code cheatsheet
  • PAT A1120
  • python docx文档转html页面
  • VUE es6技巧写法(持续更新中~~~)
  • vue 配置sass、scss全局变量
  • 阿里研究院入选中国企业智库系统影响力榜
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • 回顾2016
  • 实现简单的正则表达式引擎
  • 使用 5W1H 写出高可读的 Git Commit Message
  • 我是如何设计 Upload 上传组件的
  • 验证码识别技术——15分钟带你突破各种复杂不定长验证码
  • 在electron中实现跨域请求,无需更改服务器端设置
  • const的用法,特别是用在函数前面与后面的区别
  • gunicorn工作原理
  • Salesforce和SAP Netweaver里数据库表的元数据设计
  • ​低代码平台的核心价值与优势
  • # Redis 入门到精通(七)-- redis 删除策略
  • (BAT向)Java岗常问高频面试汇总:MyBatis 微服务 Spring 分布式 MySQL等(1)
  • (Bean工厂的后处理器入门)学习Spring的第七天
  • (LeetCode) T14. Longest Common Prefix
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (zt)最盛行的警世狂言(爆笑)
  • (附源码)springboot教学评价 毕业设计 641310
  • (附源码)ssm高校志愿者服务系统 毕业设计 011648
  • (原)记一次CentOS7 磁盘空间大小异常的解决过程
  • * CIL library *(* CIL module *) : error LNK2005: _DllMain@12 already defined in mfcs120u.lib(dllmodu
  • ***汇编语言 实验16 编写包含多个功能子程序的中断例程
  • .net core 使用js,.net core 使用javascript,在.net core项目中怎么使用javascript
  • .so文件(linux系统)
  • //usr/lib/libgdal.so.20:对‘sqlite3_column_table_name’未定义的引用
  • [ 转载 ] SharePoint 资料
  • [012-1].第12节:Mysql的配置文件的使用
  • [C# 网络编程系列]专题六:UDP编程
  • [c#基础]值类型和引用类型的Equals,==的区别
  • [C++]指针与结构体