学习小结
今天为学习的第三天,主要学了如何使用表单标签,与用户交互。表单作用:把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。
语法:<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大神养成计划,加油!!!