HTML使用"form"標籤提交內容，以"Input"元素輸入表單的文字(字符)，想預設(默認)在表單加入"value"提示信息，可以加上"readonly"無法編輯。但是，若想Input表單前面幾個文字或符號是固定無法修改，以後面則給訪客可以自定義輸入任何內容。

或者舉幾個需求例子：

一：在搜尋框中前方默認加上"site:"英文字母，以"site:"是無法修改的，當用戶在後面輸入內容後，輸出的完全信息為"site:www.moonlol.com"

二：電訊的無線網絡的名稱，前面9個字符必須為"ChinaNet-"名稱，以"ChinaNet-"是無法修改的，當用戶在後面輸入內容後，輸出的完全信息為"ChinaNet-cnhktw123"

三：國際知名公司，前面4位數的員工號碼必須為"2002"數字，以"2002"是無法修改的，後面可以自定義內容，輸出的完全信息為"2002包青天"

四：網站或論壇，註冊信息前面必須帶有"moonlol-"文字，以"moonlol-"是無法修改的，後面可以自定義內容，輸出的完全信息為"moonlol-Jackson"

二選一!

一：

<form method="get" action="" onSubmit="javascript:if(this.q.value.indexOf('site:')!=0) this.q.value='site:'+this.q.value">
<input type="text" name="q" maxlength="255" value="" />
<input type="submit" name="" value="提交" />
</form>

二：

<form method="get" action="" onSubmit="javascript:this.q.value=this.q.value.startsWith('moonlol-')?this.q.value:'moonlol-'+this.q.value;">
<input type="text" name="q" maxlength="255" value="" />
<input type="submit" name="" value="提交" />
</form>

線上代碼測試︰ www.ifreesite.com/runcode.htm

文本輸入框中的內容，前半部分保持不變，只讓用戶操作後半部分JavaScript代碼完!...