您的位置：首页 > Web前端 > HTML

form表单简单用法

2016-07-01 15:56 573 查看 
<pre name="code" class="html">我自己在学习的时候总是混淆表格<table></table>和表单<form></form>的用法
在table里面是通过border来设置边框的，而在form里面设置边框用的是fielsset
看下面程序的运行效果：


</pre><pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fieldset标签</title>
</head>

<body>
<form>
<fieldset>
<legend>用户信息</legend>
姓名：<input type="text"/>
年龄：<input type="text"/><br />
手机：<input type="text"/>
邮箱：<input type="text"/><br />
</fieldset>
</form>
</body>
</html>

运行效果：


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                script
                                                html
                                                form
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航