សួស្ដី និង សូមអរគុណអ្នកដែលបានគាំទ្រ បានចូលមើល ប្លកអាក្បាលធំ ទាំងអស់ជាទីបាត្រី ខ្ញុំសូមលើកយក មុខងារ Text area យកមកបង្ហាញជូន ជាពិសេសអ្នកសរសេរប្លក ទាំងអស់ អោយបានដឹងអំពីលក្ខណៈពិសេស និងសារៈប្រយោជន៍របស់ Text area ថាតើគេប្រើវាដើម្បីអ្វីដែរ? ហើយនៅពេលណា? សូមយល់ដឹងទាំងអស់គ្នា។
Text area គឺមានមុខងារសម្រាប់អោយយើងអាចដាក់អក្សរ
ដែលមានបន្ទាត់ព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌
និងរាងបន្ទាត់ផ្សេងៗបានផងដែរ។ Text area មានទំរង់
<textarea> tag.
វាមានរូបរាងបន្ទាត់ផ្សេងៗអោយយើងជ្រើសរើសយកទៅប្រើសំរាប់ដាក់
អក្សរ ឬ អត្ថបទក្នុងប្រលោះបួនជ្រុងនោះ។ អ្នកសរសេរប្លក
និងអ្នកសរសេរវ៉ែបសាយភាគច្រើន គេចូលចិត្តប្រើវាសម្រាប់ ដាក់ script
ឬ Code ផ្សេងៗ សម្រាប់បង្ហាញអ្នកមើល។ Text area វាមានរូបរាងខុសគ្នាច្រើនដែរ ដូច្នេះខ្ញុំសូមបង្ហាញ Text area ខ្លះៗដែលខ្ញុំបានដឹង ដូចខាងក្រោមនេះ៖
លក្ខណស្តង់ដាររបស់ Text area ៖
<textarea>សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area អាចកំណត់ ទំហំទទឹង និង ប្រវែងកំពស់ បាន៖
<textarea>សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area អាចកំណត់ ទំហំទទឹង និង ប្រវែងកំពស់ បាន៖
<textarea cols="18" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ (dashed line)៖
<textarea cols="18" rows="5" style="border: 2px dashed ;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាចចុចតែមួយគឺ select អក្សរទាំងអស់ (one click select all)៖
<textarea cols="18" onclick="this.focus(); this.select();" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាច select អក្សរទាំងអស់ដោយគ្រាន់តែដាក់សញ្ញាព្រួញរបស់ mouse ពីលើ [select all by mouse over (no click)]៖
<div>
<form name="catatancuss">
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 85px; width: 400px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានប៊ូតុងអោយចុចដើម្បី select អក្សរ (Select All button)៖
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 85px; width: 400px;" wrap="VIRTUAL">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានពណ៌បន្ទាត់ពីរ និងពណ៌ផ្ទៃ (Colorful Text Area)៖
<textarea cols="18" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #FF9900; border-left: 4px solid #FF9900; border-right: 4px solid #009933; border-top: 4px solid #009933; color: red; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលបន្ទាត់មានគែមមូលពីរ និងពណ៌ផ្ទៃ ៖
<textarea name="code" rows="3" cols="18" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ជាប្រភេទធម្មតាមានអក្សរពណ៌ស និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background:#0033FF; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #009900; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានជ្រុងបន្ទាត់មូល និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">Full Blog Tricks</textarea>
ចំណាំ៖ អ្នកអាចដូរពណ៌បានដោយត្រូវដឹងតម្លៃរបស់ពណ៌ ដោយប្រើកម្មវិធី Abode Photoshop ឬកម្មវិធីផ្សេងៗ សូមមើលរូបខាងក្រោមនេះ៖
អ្នកអាចយកទៅប្រើជាមួយ Text Area អត្ថបទ (Post) ឬក៏ធ្វើជា Widgets បានទៅតាមការចូលចិត្តរបស់អ្នក នាំគ្នារចនាប្លករបស់អ្នកអោយស្អាត និងទាន់សម័យ៕
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ (dashed line)៖
<textarea cols="18" rows="5" style="border: 2px dashed ;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាចចុចតែមួយគឺ select អក្សរទាំងអស់ (one click select all)៖
<textarea cols="18" onclick="this.focus(); this.select();" rows="5">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលអាច select អក្សរទាំងអស់ដោយគ្រាន់តែដាក់សញ្ញាព្រួញរបស់ mouse ពីលើ [select all by mouse over (no click)]៖
<div>
<form name="catatancuss">
<div align="left" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="100" style="height: 85px; width: 400px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានប៊ូតុងអោយចុចដើម្បី select អក្សរ (Select All button)៖
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
</div>
<div align="center">
<textarea cols="55" name="txt" rows="100" style="height: 85px; width: 400px;" wrap="VIRTUAL">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea></div>
</form>
</div>
Text Area ដែលមានពណ៌បន្ទាត់ពីរ និងពណ៌ផ្ទៃ (Colorful Text Area)៖
<textarea cols="18" name="code" rows="3" style="-moz-border-radius: 10px; background: #BFFAFF; border-bottom: 4px solid #FF9900; border-left: 4px solid #FF9900; border-right: 4px solid #009933; border-top: 4px solid #009933; color: red; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលបន្ទាត់មានគែមមូលពីរ និងពណ៌ផ្ទៃ ៖
<textarea name="code" rows="3" cols="18" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ជាប្រភេទធម្មតាមានអក្សរពណ៌ស និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background:#0033FF; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានបន្ទាត់ដាច់ៗព័ទ្ធជុំវិញ និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #009900; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;">សូមស្វាគមន៍ និងសូមអរគុណដែលបានចូលមើលប្លកអាក្បាលធំ</textarea>
Text Area ដែលមានជ្រុងបន្ទាត់មូល និងអាចដាក់ពណ៌ផ្ទៃ៖
<textarea name="code" rows="3" cols="18" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;">Full Blog Tricks</textarea>
ចំណាំ៖ អ្នកអាចដូរពណ៌បានដោយត្រូវដឹងតម្លៃរបស់ពណ៌ ដោយប្រើកម្មវិធី Abode Photoshop ឬកម្មវិធីផ្សេងៗ សូមមើលរូបខាងក្រោមនេះ៖
អ្នកអាចយកទៅប្រើជាមួយ Text Area អត្ថបទ (Post) ឬក៏ធ្វើជា Widgets បានទៅតាមការចូលចិត្តរបស់អ្នក នាំគ្នារចនាប្លករបស់អ្នកអោយស្អាត និងទាន់សម័យ៕
No comments:
Post a Comment