配色: 字号:
HTML+CSS基础-第五章
2021-01-09 | 阅:  转:  |  分享 
  
LOGO第五章与浏览者交互,表单标签封面页第<#>页LOGO目录第一节使用表单标签,与用户交互第二节文本输入框,密码输入框第三节文本域,支持
多行文本输入第四节使用单选框、复选框,让用户选择第五节使用下拉列表框,节省空间第六节使用下拉列表框进行多选第七节使用提交按钮,提交
数据第八节使用重置按钮,重置表单信息第九节Form表单中的label标签目录页第<#>页LOGO使用表单标签,与用户交互第一节网站
怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单
传过来的数据。正文第几章这章的题目是什么呢第<#>页第几节这节的题目是什么呢LOGO第一节使用表单标签,与用户交互method?:
?数据传送的方式(get/post)。or="username">用户名:
密码:/>1.
:标签是成对出现的,以开始,以
结束。2.action?:
浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。语法:="服务器文件">正文第几章这里输入本章标题第<#>页第几节这里输入本节标题LOGO注意所有表单控件(文本框、文本域、按钮、单选框
、复选框等)都必须放在
标签之间(否则用户输入的信息提交不到服务器上哦!)。查看index.html
文档(第五章)正文第几章这里输入本章标题第<#>页第几节这里输入本节标题LOGO第二节文本输入框,密码输入框语法:
<
inputtype="text/password"name="名称"value="文本"/>
1、type:
?当type="text"时,输入框为文本输入框;?当type="password"时,?输入框为密码输入框。2、name:为文本
框命名,以备后台程序ASP、PHP使用。3、value:为文本输入框设置默认值。(一般起到提示作用)正文第几章这里输入本章标题第
<#>页第几节这里输入本节标题LOGO举例
姓名:

密码:查看index1.htm
l文档(第五章)正文第几章这里输入本章标题第<#>页第几节这里输入本节标题LOGO第三节文本域,支持多行文本输入语法:arearows="行数"cols="列数">文本1、结束。2、cols:多行输入域的列数。3、rows:多行输入域的行数。4、在area>标签之间可以输入默认值。正文第几章这里输入本章标题第<#>页第几节这里输入本节标题LOGO举例ormmethod="post“action="save.php">areacols="50"rows="10">在这里输入内容...查看index2.ht
ml文档(第五章)正文第几章这里输入本章标题第<#>页第几节这里输入本节标题LOGO使用单选框、复选框,让用户选择第四节在使用表
单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用
户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。正文第几章这章的题目是什么呢第<#>页第几节这节的题目是什么呢LOGO使
用单选框、复选框,让用户选择第四节语法:1、type:当?type="radio"?时,控件为单选框当?type="ch
eckbox"?时,控件为复选框2、value:提交数据到服务器的值(后台程序PHP使用)3、name:为控件命名,以备后台程序
ASP、PHP使用4、checked:当设置checked="checked"时,该选项被默认选中正文第几章这里输入本章标题
第<#>页第几节这里输入本节标题LOGO使用单选框、复选框,让用户选择举例正文第几章这里输入本章标题第<#>页第几节这里输入本节标
题LOGO使用单选框、复选框,让用户选择举例注意:同一组的单选按钮,name取值一定要一致,比如上面例子为同一个名称“radio
Love”,这样同一组的单选按钮才可以起到单选的作用。查看index3.html文档(第五章)正文第几章这里输入本章标题第<#>
页第几节这里输入本节标题LOGO第五节使用下拉列表框,节省空间正文第几章这章的题目是什么呢第<#>页第几节这节的题目是什么呢LOG
O注意选项提交值:向服务器提交的值选项:显示的值selected="se
lected":设置selected="selected"属性,则该选项就被默认选中。查看index.html文档(第五章)正文
第几章这里输入本章标题第<#>页第几节这里输入本节标题LOGO第五节使用下拉列表框,节省空间查看index4.html文档(第五
章)正文第几章这章的题目是什么呢第<#>页第几节这节的题目是什么呢LOGO使用下拉列表框进行多选第六节下拉列表也可以进行多选操作,
献花(0)
+1
(本文系启智职教的...原创)