南大软院大神养成计划——HTML和CSS基础课程(一)

原创 2015年11月20日 21:25:17

学习小结

  今天为学习的第三天,主要学了如何使用表单标签,与用户交互。表单作用:把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。

语法:<form method="传递方式” action="服务器文件">

讲解:1.<form>标签是成对出现的,以<form>开始,以</form>结束。

            2.action:浏览者输入的数据被传送到的地方,比如一个php页面(save.php)

            3.method:数据传输的方式。(get/post)。

这是表单中最基本的标签,所有的标签都要在<form>...</form>中。

1).文本(密码)输入框,文本域输入:

<input  type="text/password"   name="名称“ value="文本”/>(value当中的文本一般具有提示作用)

<textarea rows="行数"    cols="列数“>文本</textarea>

2).单选框,复选框:

<input  type="radio/checkbox"  value="值" name="名称"  checked="checked"/>:radio代表单选,checkbox代表多选,checked="checked"表示设为默认选项。同一组的单选按钮其中的name名称要一致。

3).下拉表框:

举例说明    <form name="iform">

                        <label>爱好</label>

                            <select>

                               <option value="提交值">选项</option>

                              </select>

                          </form>

若在<option>标签中添加select="selected"则表示这项为默认选项,在<select>标签中设置multiple="multiple"属性可实现多选,同时使用ctrl+单击(windows系统)。

4).提交,重置按钮:

<input  type="**"   value="**'>当type="submit"时按钮具有提交的作用,当 type="reset"时按钮具有重置作用。

5).form中的label标签:

label标签不会向用户呈现任何效果,如果你在label标签内点击文本就会触发此控件。当用户单击该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。

<label   for="控件id名称">标签for属性中的值应于id属性值一致,如:<form>    <label  for="male">男</label>   <input  type="radio"  name="gender"  id="male">   </form>

    通过今天的学习又对html的了解加深了很多,每次的账号密码输入,网上做的调查问卷估计都是使用了html的表单这一项,相信在接下来的学习时间会对编程越来越感兴趣。21+7大神养成计划,加油!!!

南大软院大神养成计划--HTML和CSS基础课程

初步了解HTML    准确来说今天是自主学习的第二天,选择了基础的课程html。在今天的学习过程中也感到了计算机语言的优美,个人感觉它还是非常有趣的。简要记录一些今天个人所学和所得。 认识Htm...

南大软院大神养成计划--HTML和CSS基础课程(二)

今天主要学习了关于CSS样式的一些基本知识。CSS全称为“层叠样式表(Cascading Style Sheets)“,它主要用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。使...

南大软院大神养成计划--第一天学习HTML+CSS的基础归纳

其实前天晚上注册开始学的,大一网页算辅修课,玩了几下只,现在忘得差不多了,现在有机会把它捡起来了,哈哈!! 从头慢慢看过来,与去年相比,发现老师讲还不如在这个网站自学。老师开课直接跳过基础,发个PP...

南大软院大神养成计划--第二天学习CSS的基础归纳

总算学完了基础,虽然以前学过,但还是认真看完了每一章,加深了各个基本元素的认知程度。 以前做网页作业总喜欢建立一个div标签在css里设置div{display:block; position:abs...

南大软院大神养成计划——html 的简单介绍及一些标签的使用

首先,要想学好web前端,三样工具很重要,html  css  JavaScript  。其中HTML是网页内容的载体,css是内容的表现,JavaScript是用来实现网页的一些特效效果。    ...

【南大软院大神养成计划:第十天】久违了,JavaScript——入门篇(二)

今天把《JS入门篇》课程完成了,今早取快递路上思考人生时,粗略算了算,前端工程师课程总共700+节,21天学完需要每天完成37节,这样算当然不是很科学,但是也一定程度上体现了学习任务的并不轻松。  ...

南大软院大神养成计划——第一天

参加比赛的第一天 也是第一次写博客 心情是激动地 感觉不要不要的  但是依旧还是要开始的  那么就开始吧  干巴爹 第一天的战况 感觉自己的进度好慢 但是看看...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月16日 23:03
  • 219

南大软院大神养成计划——第三天

第三天 终于结束了 慕课HTML+CSS部分的HTML基本语句~~~ 今天 看完HTML以后 我需要冷静一下 回顾一下 嗯,就这样。 表单中的各种按钮~~~ 1st. 提交按钮 ...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月18日 23:48
  • 178

南大软院大神养成计划——第九天

今天是南大软院大神养成计划实施的第九天,今天学习的主要内容是DOM探索之基础详解篇的剩余两章内容,最后两章内容主要讲解的是“如何判断节点元素类型”和“继承层次和嵌套规则”。 先讲讲“如何判断节点元素...

南大软院大神养成计划——第十二天

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划——HTML和CSS基础课程(一)
举报原因:
原因补充:

(最多只允许输入30个字)