多语言展示
当前在线:460今日阅读:23今日分享:25

有趣例子介绍表单文本输入控件(恋爱之路)

我们有多种方式来控制表单的引用,现在,小编以一种另类的故事来解说一下它们。
工具/原料
1

大脑

2

javascript工程

方法/步骤
1

从前,有个男生名叫Bob,有一天在公交车上见到一位女士,Bob给那位让了座,于是女士感激的和他聊了起来,得到下车之后,Bob望着公交车的方向看了好久,他已经对女士有好感了。但他却忘了问她的名字,于是他决定每天来这搭这辆公交车。我们来分析一下Bob的等待我们通过document.getElementById(controlName)来获取方框里的值并对其进行操作,这是用得非常多的一种方法;

2

Bob日复一日的等待,并没有出现什么奇迹,那位女士并没有没有,Bob开始记录他碰到的路人,并把他们的名字记下来,作为消遣。这里注意,document.formName.controlName中的formName和controlName应该是name属性的,而getElementById中的contolName是id属性。还有使用element的时候别忘了程序数组都是从0开始的= =

3

在公交车上,Bob还遇到一个特别奇特的女生,在他家附近的学校上初中,每天都和他不期而遇,交流得挺欢乐的。这里,我们对passerby给一个特殊待遇(每天Bob会告诉她上学的时间)

4

时间过得很快,转眼间几个月过去了,然而Bob却毫无进展,Bob害怕如果太长时间那位女士会把自己给忘了。于是他决定换种方法寻找女士,那就是开始网上寻求信息;很快,有许多人给他回了照片,Bob看见一条兴奋的跳了起来,一网友说,他看见这位姑娘每天都会乘坐xxx地的班车。他准备花一周的时间乘坐那班车的不同时段。我们来为Bob制定一个计划:(利用document.forms['controlName'].elements[Number])

5

终于,功夫不负有心人,Bob在夕阳的照耀下,他找到了他喜欢的那位女士,OK,继续的故事我就不详细讲了,单身狗伤不起。。我们还是看看最后一个方法:

6

我们看看结果吧,这些小故事容易让我们连连手哦,喜欢的同学自己去试试吧!

注意事项
1

欢迎JS爱好者和我交流

2

多动手多动脑

推荐信息