关闭

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

143人阅读 评论(0) 收藏 举报

学习小结

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

语法:<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大神养成计划,加油!!!

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1113次
    • 积分:78
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档