您现在的位置:首页 >> 前端 >> 内容

html旅程之输入域控件

时间:2015/2/26 10:36:24 点击:

  核心提示:在html的学习中,我们会遇到很多控件的学习。其中有一类叫做输入域的控件,可以承载用户输入的数据,也可以通过html改变数据的传递方式,或者它本身的样式。我们可以根据性质将该类控件分为:文本型、按钮型...

在html的学习中,我们会遇到很多控件的学习。其中有一类叫做输入域的控件,可以承载用户输入的数据,也可以通过html改变数据的传递方式,或者它本身的样式。

我们可以根据性质将该类控件分为:文本型、按钮型、选择型、隐含域四个小类,由于篇幅问题这里先介绍前三种类型。

前三类中每一种控件与VB控件的对应关系表示为:

html旅程之输入域控件

一、文本型

这种类型的控件都是以文本的形式呈现,可以直接将用户输入的文本数据承载下来,然后进行传递。<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+ICAxLmZvcm2jurHttaU8L3A+CjxwPiAgICAgINb30qrK9NDU09CjumFjdGlvbqGibWV0aG9ko6hnZXS6zXBvc3SjqaGidHlwZaGibmFtZS48L3A+CjxwPjxzdHJvbmc+ICBQU6O6Z2V0us1wb3N0tcTH+LHwPC9zdHJvbmc+PC9wPgo8cD4gICAgICAgICAxLiBnZXTKx7TTt/7O8cb3yc+78cihyv2+3aOscG9zdMrHz/K3/s7xxve0q8vNyv2+3aGjPC9wPgo8cD4gICAgICAgICAyLiBnZXTKx7DRss7K/cr9vt2208HQvNO1vczhvbux7bWltcRBQ1RJT07K9NDUy/nWuLXEVVJM1tCjrCYjMjA1NDA7us2x7bWlxNq497j219a2ztK70ru21NOmo6zU2lVSTNbQv8nS1L+0tb2ho3Bvc3TKx82ouf1IVFRQIHBvc3S7+tbGo6y9q7HttaXE2rj3uPbX1rbO0+vG5MTayN23xdbD1NpIVE1MIEhFQURFUsTa0rvG8LSry821vUFDVElPTsr00NTL+da4tcRVUky12Na3oaPM2LHwysfU2rOswbS907XEzPjXqsqxo6xnZXS3vbeou+G9q8/g06a1xFVSTLXY1rfWsb3TvNPU2LW9xL/HsNKzw+bL+dTatcTN+Na31q6686Os1+mzydfWt/u0rrXEway906Gjtvhwb3N0tcS5/bPMu+HWsb3TyrXP1tKzw+bM+Neqo6y12Na3wLi1xM341reyu7eiyfrIzrrOtcSx5Luvo6zL+dLU08O7p7+0sru8+9XiuPa5/bPMoaM8L3A+CjxwPiAgICAgICAgMy4gttTT2mdldLe9yr2jrLf+zvHG97bL08NSZXF1ZXN0LlF1ZXJ5U3RyaW5nu/HIobHkwb+1xCYjMjA1NDA7o6y21NPacG9zdLe9yr2jrLf+zvHG97bL08NSZXF1ZXN0LkZvcm278cihzOG9u7XEyv2+3aGjPC9wPgo8cD4gICAgICAgIDQuIGdldLCyyKvQ1LfHs6O1zaOscG9zdLCyyKvQ1L3PuN+ho7WrysfWtNDQ0KfCysi0schQb3N0t723qLrDoaM8L3A+CjxwPjIudGV4dKO6zsSxvr/yPC9wPgo8cD4gICAgICDU2rjDv9i8/tbQo6zO0sPHv8nS1M2ouf1pZMC0zqjSu7Hqyra/2Lz+o6zNqLn9bmFtZcC0yejWw7/YvP61xMP7s8ajrHZhbHVlv8nS1Mno1sO/2Lz+tcQmIzIwNTQwO6OoxKzIz7vy1d/P1Mq+tcQmIzIwNTQwO6Opo6xzaXplyejWw87Esb6/8rXEs6S2yKOsbWF4c2l6Zcno1sPX7rTzs6S2yKGjz8LD5sq508PSu7bOtPrC68C00enK1dfcveGjujwvcD4KPHA+PC9wPgo8cHJlIGNsYXNzPQ=="brush:java;"> 演示text输入域

演示text


姓名:
年龄:
注:当我们文本框为密码项时,需要设置相应属性,使密码非原码显示则:

html旅程之输入域控件

3.textarea:文本说明域

它的形状和功能类似listBox控件,可以存放大量的文本数据,而textarea可以通过rows和cols的属性设置行和列。

二、按钮型

1.reset

也就是我们VB程序用到的“清空”按钮,而往日要实现的这种清空效果在html中只是对type属性的设置:

                        


这四种按钮控件都是通过type属性的设置实现的,其中image和VB中的image控件一样,type=“button”的是最普通的按钮。

三、选择型

1.radio:单选框

单选框实现的前提是:所有的单选框name一致,否则将和多选框是一样的效果。

2.checkBox:复选框

3.selected

这是下拉列表的控件,也就是vs中用到的combox控件。默认情况下,我们只能选择下拉项中的一个,但是当我们设置multiple属性之后我们就可以实现多选的效果:

html旅程之输入域控件

                  


尽管html是BS中的知识,而VB是刚入学就学过的“旧知识”,但html完全可以看做是VB的一种衍生品:通过更改个别属性控件便可以实现同样的效果。


Tags:HT TM ML L旅 
作者:网络 来源:杨士超 廊坊师范学院