htmlä¸æ·»å è¾å ¥æ¡ç使ç¨çinputæ ç¾ï¼åºæ¬çå®ä¹åç¨æ³å¦ä¸ï¼
<input> æ ç¾ç¨äºæéç¨æ·ä¿¡æ¯ãæ ¹æ®ä¸åç type å±æ§å¼ï¼è¾å ¥å段æ¥æå¾å¤ç§å½¢å¼ãè¾å ¥å段å¯ä»¥æ¯ææ¬å段ãå¤éæ¡ãæ©ç åçææ¬æ§ä»¶ãåéæé®ãæé®ççã
å·¥å ·åæï¼ç¼è¾å¨ãæµè§å¨
1ãå建ä¸ä¸ªç®åçinputæ ç¾å®ç°ç½é¡µä¸çè¾å ¥æ¡ææï¼ä»£ç å¦ä¸ï¼
First name: <input type="text" name="fname" />2ã以ä¸ä»£ç ä¸type=textæ¯ææ¬çè¾å
¥æ¡ï¼type=submitæ¯ä¸ä¸ªæ交æé®ï¼è¿è¡çææå¦ä¸å¾ï¼
创建一个简单的input标签实现网页上的输入框效果。
添加输入框的步骤如下:
<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
工具:编辑器、浏览器
1、创建一个简单的input标签实现网页上的输入框效果,代码如下:
1 First name: <input type="text" name="fname" />2 Last name: <input type="text" name="lname" />3 <input type="submit" value="Submit" />
2、以上代码中type=text是文本的输入框,type=submit是一个提交按钮,运行的效果如下图:
添加多个输入框的方法如下:
<input id="input_template" name="name" maxlength="7" type="text" style="width: 120px;">
<!-- 这里是一个模版,追加的时候用来克隆的。 -->
$('#addBtn').bind('click', function() {
var input_ = $("#input_template").clone();
$("#input_container").append(input_);
});
<!-- 需要注意的是,在追加的时候,或者追加之后,把追加元素imput的name和id重置一下。 -->