HTML中INPUT用法的菜鸟问题

HTML中INPUT用法的菜鸟问题,第1张

<INPUT class=button type=submit value="登 录" action="chklog.asp">

首先,你的写法是错误的。

class是你写的类(能不能正确执行?), type是提交,也就是表单(form)提交,action是表单的属性,你用在input是错误的。

正确写法:

<html>

<body>

<form id="form1" method ="post" action="chklog.asp">

<input class="button" type="submit" value=" 登 录 "id="Button1" />

<input type="submit" value=" 关 闭 " onclick="window.close()" id="Button2" />

</form>

<body>

</html>

--------------------------------------------------------

表单标签:

<form></form>,创建表单

action="...",接收数据的服务器的URL

method="...",HTTP的方法(get,,post),其中get是被反对使用的

enctype="...",指定MIME(Internet媒体类型)

onsubmit="...",当提交表单时发生的内部事件

noreset="...",在重新设置表单时发生的内部事件

target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)

<select,multiple,name="name",size=""></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目

<option>,设置每个表单项的内容

<select,name="name"></select>,创建下拉菜单

<textarea,name="name",cols=40,rows=8></textarea>,创建一个文本框区域,列的数目设置宽度,行的数目设置高度

<input,type="checkbox",name="name">,创建一个复选框,文字在标签后面

<input,type="radio",name="name",value="">,创建一个单选框,文字在标志后面

<input,type=text,name="foo",size=20>,创建一个单行文本输入区域,size设置以字符串的宽度

<input,type="submit",value="name">,创建提交(submit)按钮

<input,type="image",border=0,name="name",src="name.gif">,创建一个使用图象的提交(submit)按钮

<input,type="reset">,创建重置(reset)按钮

<BUTTON></BUTTON>,创建一个按钮

disabled="...",把按钮的状态设置为不能

name="...",按钮的控制名,value="...",按钮的值

type="...",按钮的类型(button,,submit,,reset)

<FIELDSET></FIELDSET>,把相互关联的控件组合成一组

<ISINDEX>,提示用户输入

<LABEL></LABEL>,为一个控件提供标签

<LEGEND></LEGEND>,为FIELDSET元素指定一标题

<SELECT></SELECT>,为用户做选择创建各个选项

<TEXTAREA></TEXTAREA>,创建一个允许用户多行输入的区域.

表单标签注解:

type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)

name="...",控件的控制名(要求是除了submit和reset之外的任何名字)

value="...",控件的初始值

checked="...",把一个单选钮设置为选中的状态

disabled="...",把控件的状态设置为不能使用

readonly="...",只对输入密码的文本框使用

size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目

src="...",一个图像控件的URL

maxlength="...",指定可以输入的最多的字符数目

alt="...",另外一种文本描述

usemap="...",到客户端图形镜像的URL

align="...",被反对.控制对齐方式(left,,center,,right,,justify)

tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序

onfocus="...",当元素获得焦点时发生的事件

onblur="...",当元素失去焦点时发生的事件

onselect="...",当元素被选中时发生的事件

onchang="...",当元素状态被改变时发生的事件

accept="...",允许上载的文件类型.

HTML5学习路线可以分为3个阶段:了解HTML5、熟练掌握HTML5、精通HTML5;

Tips:HTML5此处指的是HTML、CSS、JavaScript以及HTML5和CSS3(新增的)

首先,先了解一下HTML5

可以去HTML5学堂了解一下HTML5是什么,HTML5能够做什么以及HTML5行业的状态,在已了解的基础上去发现自己是否喜欢和适合HTML5这个职业。

大概时间:2~3天

其次学习HTML与CSS

在一些机构培训当中,全日制,每天学8个小时,也需要学习1~1.5个月,而且学不完整不扎实。

自学的情况下,折算相应时间即可,另外需要注意,自学时选择合适的书籍进行学习,会相对高效一些。

选择好的学习资源(主要看知识逻辑、表达方式等),才能够更好的去吸收知识,学习时间成本也会低一些。

资源推荐:

HTML+CSS方面的可以去看《HTML5布局之路》;

JavaScript方面的可以去看《Head First JavaScript》,它比较适合入门;

最后是JavaScript,原生JS、AJAX、jQuery,差不多也得需要2~3个月(每天8小时)

至于说精通~~~对HTML5技术领域有深刻的研究与认知,能够根据自身的开发经验与项目经验构建自己的前端框架或者工具。最起码3~5年甚至更长,其前提还是不断深入研究,而非“工具式”的使用。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7210338.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存