div本身的缺點就是定位不準，所以現在用div一般都配合css，也就是用css控制div的位置。
input變大也是因為你沒有設定css。如果你希望輸入的文字是12號的宋體黑字，那就定義這樣一個css：
.song12 {
font-family: "宋體";
font-size: 12px;
color: #000000;
}
然后把input套用這個樣式就行了。
同樣的方法還可以改變提交框的邊框粗細、顏色、是否顯示等...

所見即所得，是指dreamweaver設計的出來的東西和瀏覽器下看到的是一樣的。常用的編輯器有notepad++,editplus，aptana， espresso。根據你個人喜好選擇。

至于你提到的用代碼編輯器寫代碼是個好習慣，如果你對代碼，css比較熟練的話。使用dreamweaver更多是代碼不太熟悉，調試頁面時比較方便。

<form id="form1" method="post" action="">
搜索框：
<input type=text value= "aaa " name=bbb onclick= "emp(this) ">
<input type="submit" name="button" id="button" value="搜索框" />
<script language=javascript>
function emp(oInput){
if(oInput.eflag!=true){
oInput.value= " ";
oInput.eflag=true;
}
}
</script>
</form>