018 - 无敌是多么寂寞（I）

不二如是 · 发表于 2018-11-25 17:35:32

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由不二如是于 2018-12-3 09:35 编辑

上一集：017 - 虽千万人吾往矣

登录/注册后可看大图

万众瞩目的零基础入门学习Web开发（H5&C3）开始更新了！！！

在Web新纪元 |【鱼C#视频课程】剧透这个系列的诞生，时间总是善待任何想拿它搞事情的存在体。

很幸运，一切就这样开始了，开局总会有些不足，但一切在慢慢变好，不是吗？

作为，吹水阁中最爱吹水（爱干无意义事情）的鱼油，整套教程的亮点（槽点）由我来承包～

关注本系列推送（最下方有订阅方式）的鱼油，会享受到一个福利：

会比正常推送，早一个时间节点，看到还未出炉的美味课程

哈哈，废话不多说了，#敲黑板时刻！

在线视频：传送门

课程思维导图

猛戳

登录/注册后可看大图

超清

1、input元素的type属性

本节课我们来掌握input元素的一个神奇属性，type。

所有玩法，在宝典上已经更新，鱼油可以去复习：传送门

不得不说，input元素已经变成HTML标签中具有最多样式的标签哈！

所以可见“无敌是多么寂寞”？！

2、XAMPP

前端开发人员必备神器，前面讲过了，不会的请看：教你如何在本地搭建服务器测试环境

在localhost或者127.0.0.1的XAMPP路径下纺织文件，然后启动面板中“Apache”，加载相应的".html"和".php"文件即可。

3、按钮

input元素可以变身为三种按钮：普通、提交、重置。

认真的鱼油会反应过来，和上一讲我们介绍的button元素的功能是一样滴。

没错，除了input按钮是单标签外，二者没有本质区别。

如果鱼油恰巧使用的是Mac系统，而且是Chrome浏览器，那么样式上会有不同：

<input type="button" value="按钮">
    <button type="button">按钮</button>

button就是最普通的按钮，往往通过一些全局事件onclick()来绑定JS：

<input type="button" value="按钮" onclick="fishc()">
    <script>
        function fishc() {
            alert("我爱鱼C");
        }
    </script>

onclick()方法用来实现，当用户单击绑定该事件的元素，便会触发相应的JS事件。

关于这些全局事件我们后续课程会讲到，这一讲先接受。

reset按钮是用来重置表单，submit用来提交表单和button中完全一样。

4、单选框

当把type值设置为radio，便可以实现单选框。

就像：

 <input type="radio"> 女
    <input type="radio"> 男
    <input type="radio">非男非女

怎么肥四？！说好的单选呢。

没错，我们需要将相同一组的选项设置相同的name属性才可以，修改：

游客，如果您要查看本帖隐藏内容请回复

name属性很关键哦，用来定义一组标签，这样才能执行“互斥”的单选。

5、多选

理解了单选，多选就很简单了，没错还是需要设置相同的name属性：

<input type="checkbox" name="fruit">西瓜
<input type="checkbox" name="fruit">香蕉
<input type="checkbox" name="fruit">蓝莓

6、时间与日期

input元素设置为时间与日期，大家不用“记”下来，只需要直到用的时候如何设置即可。

type值总共有5类：time、date、month、week、datetime-local

覆盖了日常开发中，对时间和日期格式的需要，一段代码：

时间：<input type="time" name="time">
<br><br>
日期：<input type="date" name="date">
<br><br>
年月：<input type="month" name="month">
<br><br>
星期：<input type="week" name="week">
<br><br>
本地日期和时间：<input type="datetime-local" name="datetime-local">

当我们将这些数据提交后，会在浏览器中看到：

画红线的字符都是什么呢？

请看下个知识点。

7、百分号编码

百分号编码（英语：Percent-encoding）, 也称作URL编码（英语：URL encoding）, 是特定上下文的统一资源定位符 (URL)的编码机制。

实际上也适用于统一资源标志符（URI）的编码。

上面是定义，有点晦涩，说白了就是：

防止保留字符混用

将“：”、“+”、“-”等符号进行了转码，更多请看：

课后作业，完成了吗？

传送门

登录/注册后可看大图

下一集：019 - 无敌是多么寂寞（Ⅱ）

如果有收获，别忘了评分

：

登录/注册后可看大图

这位鱼油，如果喜欢本系列学习笔记，请订阅专辑☞（传送门）（不喜欢更要订阅

）

登录/注册后可看大图

Agoni · 发表于 2018-11-25 17:42:25

沙发！！！

LCupid · 发表于 2018-11-26 16:55:46

JustinZhu · 发表于 2018-12-10 18:46:51

kkkk

qinsmy · 发表于 2018-12-10 20:32:31

手题
第二问list1 = []
str = ''拷贝字符串“
length = len(str)
for i in range(0,length - 6):
if(str[i+1].isupper() and str[i+2].isupper() and str[i+3].islower() and str[i+4].isupper() and str[i+5].isupper() and str[i+6].isupper()):
list1.append(str[i+3])
print(list1)
你好，能帮我解答一下吗，请问这样为什么错误了？？

qinsmy · 发表于 2018-12-10 20:33:09

手题
第二问list1 = []
str = ''拷贝字符串“
length = len(str)
for i in range(0,length - 6):
if(str[i+1].isupper() and str[i+2].isupper() and str[i+3].islower() and str[i+4].isupper() and str[i+5].isupper() and str[i+6].isupper()):
list1.append(str[i+3])
print(list1)
你好，能帮我解答一下吗，请问这样为什么错误了？？

qinsmy · 发表于 2018-12-10 20:34:49

手题
第二问list1 = []
str = ''拷贝字符串“
length = len(str)
for i in range(0,length - 6):
if(str[i+1].isupper() and str[i+2].isupper() and str[i+3].islower() and str[i+4].isupper() and str[i+5].isupper() and str[i+6].isupper()):
list1.append(str[i+3])
print(list1)
你好，能帮我解答一下吗，请问这样为什么错误了？？

TCY · 发表于 2019-1-13 14:14:31

哦？

李小控 · 发表于 2019-2-19 18:01:22

我又来啦

罗夏_Rorschach · 发表于 2019-3-29 21:39:15

Willing- · 发表于 2019-4-8 20:51:25

哇哦

讨债仔 · 发表于 2019-5-28 17:31:07

by2014 · 发表于 2019-7-12 20:45:43

zyl125657 · 发表于 2019-7-23 18:09:42

xjyxjy123 · 发表于 2019-7-30 10:01:00

韩某人 · 发表于 2019-8-21 10:57:14

hhhyyyggg · 发表于 2019-8-25 21:53:01

莫西莫西 · 发表于 2019-8-29 10:11:18

爱学习

药水哥 · 发表于 2019-8-31 00:34:16

333333333333333333333333333333333

bb887498 · 发表于 2019-9-10 20:26:18

非男非女

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 018 - 无敌是多么寂寞（I）

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐:

点评

评分

点评

点评