Effect:
Code:
<Divclass= "Panel Panel-default"style= "border:1px solid #ffd800;"> <Divclass= "Panel-heading"style= "Background-color: #ffd800; color: #ffffff;"> <h5><b>Please, select Upload file:</b></h5> </Div> <Divclass= "Panel-body"> <Table> <TR> <TD> <label for= "Exampleinputfile">Select Upload file:</label> </TD> <TD> <inputID= "Lefile"type= "File"style= "Display:none;"/> <Divclass= "Input-append"> <inputID= "Photocover"class= "Input-large"type= "text"style= "height:30px; border-radius:5px; border:1px solid #CCCCCC; padding-left:10px;"placeholder= "FileUpload" /> <aclass= "BTN"onclick= "$ (' input[id=lefile] ')." Click (); "style= "Background-color: #FFD800; height:30px; color: #ffffff; width:100px;">Upload</a> </Div> <Scripttype= "Text/javascript"> $('Input[id=lefile]'). Change (function () { $('#photoCover'). Val ($ ( This). Val ()); });</Script> </TD> </TR> <TR> <TD> <label for= "ExampleInputEmail1">Number of copies printed:</label> </TD> <TD> <inputtype= "Email"class= "Form-control"ID= "Pagenum"placeholder= "Pagenum"style= "width:100px;" /> </TD> </TR> </Table> </Div> </Div>
Bootstrap-fileupload Landscaping Style