HTML 表单组件案例编码

HTML 表单用于收集不一样种类的客户键入。下文根据编码给大伙儿共享html 表单组件案例编码,感兴趣爱好的盆友参照下吧

空话很少说了,立即给大伙儿贴编码了,实际编码以下所示:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF⑻">  
<title>Insert title here</title>  
</head>  
<body>  
    <!--  
    假如要给服务端递交数据信息 表单中的组件务必有name和value特性  
    用于给服务端获得数据信息   
     -->  
<from>键入名字:<input type="text" name="user" value=""/><br/>  
        键入登陆密码:<input type="password" name="passwd" value=""/>  
        <br/>  
      挑选性別:<input type="radio" name="sex" vlaue="nan"/> 男  <input type="radio" name="sex" value="nv" checked="checked"/> 女  
    <br/>  
    挑选技术性:  
        <input type="checkbox" name="tech" value="java"/>Java  
        <input type="checkbox" name="tech" value="html"/>html  
        <input type="checkbox" name="tech" value="css"/>CSS<br/>  
    挑选文档:  
        <input type="file" name="file" /><br/>  
    1个照片:<input type="image" src="11.jpg" ><br/>  
    <!-- 数据信息不必须顾客端特定 可是能够将其递交服务端 -->  
    掩藏组件:<input type="hidden" name="mykey" value="myvalue"/><br/>  
    1个按钮:<input type="button" value="有个按钮" onclick="alert('有个按钮')"><br/>  
    <select name="contry">  
        <option value="none">--挑选我国-</option>  
        <option value="usa">美国</option>  
        <option value="en">英国</option>  
        <option value="cn" selected="selected">我国</option>  
    </select>  
    <textarea name="text"></textarea>  
    <br/>  
    <input type="reset" value="消除数据信息"/><input type="submit" value="递交数据信息"/>  
<from>  
</body>  
</html>  

总结

以上所述是网编给大伙儿详细介绍的HTML 表单组件案例编码,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!