TẠO ĐIỀU KHIỂN NHẬN HTML 5, HƯỚNG DẪN CÁCH TẠO FORM TRONG HTML

Ý con kiến phản hồi sẽ được gửi đến obatambeienwasirherbal.com: bằng phương pháp nhấn nút gửi, ý kiến phản hồi của các bạn sẽ được sử dụng để nâng cao các sản phẩm và dịch vụ thương mại của obatambeienwasirherbal.com. Cơ chế về quyền riêng biệt tư.

Bạn đang xem: Tạo Điều khiển nhận html 5, hướng dẫn cách tạo form trong html


Trong nội dung bài viết này

Công cụ thi công nội dung cung cấp cả một trình soạn thảo bối cảnh và trình soạn thảo mã HTML. HTML bởi vì những công cụ xây cất đó tạo thành tương thích với mọi bộ tái chế tác HTML, nhưng các công chũm này cũng hỗ trợ một vài nằm trong tính cấu hình thiết lập hỗ trợ những yếu tố xây đắp kéo-và-thả cùng các cài đặt kiểu tổng quát do trình soạn thảo hình ảnh cung cấp. Mẫu thông báo và mẫu trang mang định được cung cấp cùng với Dynamics 365 kinh doanh sử dụng phần đông thuộc tính thiết lập cấu hình này để giúp đỡ bạn dễ dàng dàng tùy chỉnh thiết lập chúng theo những cách cụ thể. Bạn cũng có thể sử dụng đông đảo thuộc tính tùy chỉnh này khi xây dựng mẫu riêng biệt của mình.

Tóm tắt về thẻ cùng thuộc tính

Bảng tiếp sau đây trình bày tham chiếu vắn tắt về những thuộc tính tùy chỉnh cấu hình và thẻ meta được biểu lộ trong chủ thể này.


"> …
*/ … /*
;:

Các phần sót lại của chủ đề này hỗ trợ thêm thông tin về kiểu cách sử dụng từng kỹ năng được tóm tắt trong bảng.

Hiển thị hộp chế độ và kích hoạt sửa đổi kéo-và-thả

Bạn rất có thể dán thẳng HTML được thi công trong bất kỳ công cụ bên thứ ba nào vào tab HTML của công cụ thi công để ban đầu hình thành một thiết kế thật nhanh chóng. Tuy nhiên, khi bạn thực hiện thao tác làm việc này, tab Công chũm thiết kế sẽ hiển thị bên dưới dạng trình soạn thảo văn bản đa phương tiện đi lại đơn cung cấp một thanh hình thức định dạng văn phiên bản và hiển thị toàn bộ hình ảnh, link và kiểu bao gồm trong HTML của bạn, tuy vậy lại không cung cấp các tab Hộp công cụ, Thuộc tính, hoặc Kiểu hay bất kỳ chức năng kéo-và-thả nào (dạng xem Công chũm thiết kế giản lược này đôi khi được hotline là trình biên soạn thảo cả trang). Tuy vậy, chúng ta có thể kích hoạt chức năng kéo-và-thả đến mọi kiến tạo được dán vào bằng cách thêm thẻ meta sau vào phần trực thuộc tài liệu của bạn.

Hình ảnh dưới đây biểu đạt cùng một xây cất giống nhau vào kiểu chỉnh sửa cả trang (trái) và cơ chế kéo-và-thả (phải). Sự khác hoàn toàn duy duy nhất là xây cất ở bên đề nghị có bao gồm thẻ meta, cho nên kích hoạt khả năng kéo-và-thả bên cạnh đó hiển thị bảng tinh chỉnh phía cạnh.

*


Lưu ý

Khi thực hiện trình soạn thảo cả trang, chúng ta vẫn rất có thể lựa chọn, chỉnh sửa và tạo ra kiểu văn bản bằng cách sử dụng thanh hiện tượng định dạng văn phiên bản (được hiển thị) với cũng rất có thể bấm đúp chuột vào hình ảnh, link và các phần tử khác để setup thuộc tính của chúng nhờ sử dụng hộp thoại bật lên. Thanh quy định cũng bao gồm Hỗ trợ chỉnh sửa mẫu nút

*
để thêm văn bản động, ví dụ điển hình như những giá trị trường nhận được từ mỗi bản ghi người contact của tín đồ nhận.


Tạo bộ chứa tại đó người tiêu dùng có thể bổ sung các nhân tố thiết kế

Trên tab Công vậy thiết kế, người dùng chỉ rất có thể chỉnh sửa nội dung có trong một yếu hèn tố xây dựng và chỉ hoàn toàn có thể kéo các yếu tố thi công mới vào những thành phần của văn bản được thiết lập cấu hình dưới dạng bộ chứa dữ liệu. Bởi vì vậy, chúng ta có thể tạo những mẫu có một trong những vùng (bên ko kể bộ chứa) bị khóa tính năng sửa đổi trên tab Thiết kế, còn đầy đủ vùng không giống (bên trong cỗ chứa không trở nên khóa) sẽ đồng ý nội dung chỉnh sửa và nội dung được kéo.

Sử dụng các thẻ
bao gồm chứa trực thuộc tính data-container="true" nhằm tạo bộ chứa dữ liệu, ví dụ điển hình như:

LOCKED
Bất kỳ văn bạn dạng hoặc thẻ HTML được lồng vào một cặp thẻ div bộ cất dữ liệu cùng không trực thuộc yếu tố kiến thiết sẽ tạo nên một vùng không thể kéo và sửa đổi được nằm giữa hai khu vực vực hoàn toàn có thể kéo được. Ví dụ:


LOCKED


Lưu ý

Khi trình soạn thảo cả trang bật và toàn bộ các công dụng kéo và thả phần nhiều tắt, thì chúng ta có thể chỉnh sửa cục bộ nội dung bên trên tab Công chũm thiết kế, bao hàm cả nội dung bên ngoài thẻ div data-container (không có hiệu lực trong trình soạn thảo cả trang).


Khóa một bộ chứa trong dạng xem quy định thiết kế

Bạn có thể khóa một cỗ chứa để biến toàn bộ nội dung trong các số ấy thành dạng chỉ hiểu trên tab Công cầm cố thiết kế. Ví như một bộ chứa bị khóa cất yếu tố thiết kế, thì tất cả nội dung và setup cho một số trong những yếu tố sẽ vẫn bị khóa và tab Thuộc tính sẽ không bao giờ hiển thị, ngay lập tức cả khi chúng ta chọn chúng.

Bạn hoàn toàn có thể sử dụng bản lĩnh khóa cỗ chứa nhằm khóa bộ chứa sau khoản thời gian thêm với đặt cấu hình xong nhân tố thiết kế.

Để khóa cỗ chứa, hãy thêm nằm trong tính data-locked="hard" vào thẻ cỗ chứa như sau:


Lưu ý


Xác định nguyên tố thiết kế

Mỗi khi chúng ta thêm một yếu tố thiết kế bằng phương pháp sử dụng tab Công rứa thiết kế, thì trình soạn thảo vẫn chèn một cặp thẻ
để đánh dấu vị trí đầu và cuối của yếu tố đó, đồng thời chế tác ra bất kỳ HTML nào cần có để hiển thị yếu tố đang được hướng dẫn và chỉ định trong phần thiết ném lên tab Thuộc tính.

Các yếu hèn tố xây cất được lưu lại bằng thẻ
bao gồm chứa một nằm trong tính của biểu mẫu mã data-editorblocktype="", trong những số ấy giá trị của ở trong tính này xác định loại yếu tố đó. Ví dụ: thẻ
sau tạo ra một nguyên tố văn bản:


... ...

Xem thêm: Nghĩa Của Từ Noise Là Gì Trong Tiếng Anh? Cách Khử/Giảm Noise Trong Nhiếp Ảnh


Bảng sau đây liệt kê tất cả các quý giá hiện bao gồm cho thuộc tính data-editorblocktype.

Tên nguyên tố thiết kếLoại yếu tốGiá trị thuộc tính data-editorblocktype
Yếu tố văn bảnYếu tố thiết kế thông dụngText
Yếu tố hình ảnhYếu tố thiết kế thông dụngImage
Yếu tố thanh chiaYếu tố xây dựng thông dụngBộ chia
Yếu tố nútYếu tố xây dựng thông dụngNút
Yếu tố khối nội dungYếu tố kiến thiết thông dụngNội dung(Loại yếu đuối tố kiến thiết này cũng bao hàm thuộc tính data-block-datatype="" giúp xác định loại khối nội dung, trong đó có giá trị là text hoặc image.)
Yếu tố trang tiếp thịEmailTrang tiếp thị
Yếu tố sự kiệnEmailSự kiện
Yếu tố khảo sátEmailKhảo sát
Yếu tố biểu mẫuBiểu mẫuFormBlock
Yếu tố trườngNội dung biểu mẫuField-, ví dụ: Field-email
Yếu tố danh sách đăng kýNội dung biểu mẫuSubscriptionListBlock
Yếu tố chuyển sau đó bạn bèNội dung biểu mẫuForwardToFriendBlock
Yếu tố ko gửi email và nhân tố Ghi lưu giữ tôiNội dung biểu mẫuHộp kiểm trường(Mỗi yếu tố này tạo ra các hộp kiểm và được phân minh bằng thiết đặt nội cỗ của chúng.)
Yếu tố nút gửiNội dung biểu mẫuKhối nút gửi
Yếu tố nút đặt lạiNội dung biểu mẫuResetButtonBlock
Yếu tố captchaNội dung biểu mẫuCaptchaBlock

Để biết thêm tin tức về từng yếu đuối tố thi công này, hãy xem bài Tham chiếu nhân tố thiết kế.


Quan trọng

Nếu áp dụng tab HTML, bạn nên tránh chỉnh sửa những nội dung ở giữa các thẻ
của yếu tố xây cất do câu hỏi này hoàn toàn có thể gây ra những hiệu quả không tính trước được cùng nội dung sửa đổi của bạn có thể bị công cụ kiến thiết ghi đè. Thế vào đó, hãy sử dụng tab Công vậy thiết kế để quản lý nội dung và thuộc tính của nguyên tố thiết kế.


Khóa các yếu tố vào dạng xem giải pháp thiết kế

Bạn có thể khóa văn bản và trực thuộc tính của ngẫu nhiên yếu tố kiến thiết nào bằng phương pháp thêm ở trong tính dưới đây vào thẻ
mở:

data-protected="true"

Ví dụ:


… …
Khi yếu hèn tố kiến thiết được lưu lại là được bảo vệ, người dùng làm việc trong tab Công nắm thiết kế cho một trang hoặc email sẽ không thể chỉnh sửa thuộc tính hoặc nội dung của yếu tố đó. Nhân tố khối nội dung luôn có nằm trong tính này, nhưng chúng ta có thể thêm nó vào bất kỳ loại yếu đuối tố thi công nào để bảo vệ. Ngẫu nhiên yếu tố xây cất nào có thuộc tính này gần như được hiển thị bên dưới dạng bóng trên tab HTML để bộc lộ rằng nó được bảo vệ nhưng chúng ta vẫn có thể chỉnh sửa giả dụ muốn. Đặt ở trong tính này thành "false" (hoặc chỉ việc loại quăng quật thuộc tính đó) để vứt bỏ tính năng bảo đảm khỏi nguyên tố thiết kế.


Lưu ý


Nhập HTML được tạo bên phía ngoài vào trình thiết kế

Bạn có thể sử dụng bất kỳ công cầm cố nào bạn muốn để tạo bố cục tổng quan và văn bản HTML ban sơ cho email, trang hoặc biểu chủng loại tiếp thị. Khi HTML của bạn đã sẵn sàng, chỉ cần dán nó vào trình xây dựng có liên quan và sau đó thêm bất kỳ tính năng như thế nào của Dynamics 365 kinh doanh mà bạn phải như được mô tả trong những phần phụ sau.

Nhập mã HTML của bạn

Để gửi HTML được tạo phía bên ngoài vào trình thiết kế, hãy bắt đầu bằng cách tiến hành như sau:

Tạo một email, trang hoặc biểu chủng loại tiếp thị new trong Dynamics 365 Marketing.Truy cập tab Thiết kế > HTML của mức sử dụng thiết kế.Xóa tất cả nội dung khỏi tab HTML với dán vào HTML các bạn đã tạo bên ngoài.Truy cập tab Thiết kế > Công vậy thiết kế của công cụ kiến tạo và kiểm tra thi công của bạn.

Mẹo

Vì bạn vừa dán HTML bên ngoài, nên xây dựng của chúng ta cũng có thể không bao hàm bất kỳ mã nào giành cho Dynamics 365 Marketing, do đó, Công cố thiết kế hiển thị công cụ biên tập toàn trang, cung cấp các chức năng cho định hình văn bạn dạng cơ bản, định hình hình hình ảnh và (đối với email) hỗ trợ chỉnh sửa nhằm thêm văn bản động. Để biết thêm tin tức về cách làm việc với công cụ biên tập toàn trang, hãy xem Hiển thị hộp chính sách và cho phép chỉnh sửa kéo với thả. Ví như trình chỉnh sửa toàn trang cung cấp tất cả các tác dụng mà chúng ta cần, hãy thực hiện nó để tinh chỉnh kiến thiết của bạn, sau đó phát hành như bình thường. Nếu bạn thích sử dụng trình chỉnh sửa kéo với thả nhằm tinh chỉnh kiến tạo của bạn, hãy coi phần tiếp sau để biết thông tin về cách kích hoạt nó.


Kích hoạt trình sửa đổi kéo với thả sau thời điểm nhập

Nếu bạn muốn bật trình chỉnh sửa kéo cùng thả tương đối đầy đủ tính năng và/hoặc thêm những yếu tố thiết kế nâng cấp trong khi thao tác trong dạng coi Công cụ thiết kế, chúng ta có thể dễ dàng làm cho như vậy bằng cách chỉnh sửa thêm mã HTML vẫn nhập của chính mình như sau:

Truy cập lại vào tab Thiết kế > HTML của lý lẽ thiết kế.

Làm như sau khoản thời gian cần vào khi làm việc trên tab Thiết kế > HTML:

Nếu bạn thích định vị những yếu tố kiến tạo trực tiếp trong mã của bản thân mà ko cần sử dụng kéo và thả, chúng ta có thể nhập mã được yêu ước trực tiếp vào tab Thiết kế > HTML. Các yếu tố bạn thêm theo cách này đang không cung ứng kéo cùng thả, nhưng bọn chúng sẽ cung ứng các setup trong bảng điều khiển Thuộc tính của tab Thiết kế > Công cụ thiết kế. Bạn chỉ có thể đặt các yếu tố văn bản, hình ảnh, cỗ chia và nút bằng kỹ thuật này (tạo những bộ cất và thực hiện kéo và thả cho những loại yếu hèn tố thi công khác). Coi bảng sau quá trình này để hiểu các cấu trúc HTML quan trọng để tạo thành từng thành phần này; sao chép/dán mã này thẳng từ bảng lúc cần.

Bây giờ, bạn cũng có thể đi mang đến tab Thiết kế > Công cụ thiết kế và kéo các yếu tố xây cất vào từng cỗ chứa đã cấu hình thiết lập và sau đó sử dụng bảng tinh chỉnh Thuộc tính nhằm định cấu hình từng thành phần thiết kế mà bạn đã kéo hoặc dán thẳng vào mã của mình.

Loại yếu hèn tố thiết kếDán mã nàyGhi chú
Text

Enter your text here


Bạn hoàn toàn có thể nhập văn bản HTML giữa những thẻ

trực tiếp ngơi nghỉ đây, hoặc đi mang lại Công cầm thiết kế để sử dụng trình soạn thảo văn bản phong phú để triển khai điều đó.

Image
*

Cách đơn giản nhất để đổi khác nguồn hình ảnh và/hoặc link hình hình ảnh của các bạn là đi mang lại Công chũm thiết kế và thực hiện bảng tinh chỉnh Thuộc tính. Nhưng chúng ta cũng có thể chỉnh sửa các thuộc tính sau trực tiếp trong HTML:Đặt link hình hình ảnh và/hoặc tiêu đề bằng phương pháp chỉnh sửa những thuộc tính href và/hoặc tiêu đề của thành phần .Để xóa link khỏi hình ảnh, hãy xóa văn bản của trực thuộc tính href cùng title của yếu tố (nhưng giữ những thuộc tính cùng dấu ngoặc kép, chẳng hạn như href="").Đặt mối cung cấp hình hình ảnh bằng cách chỉnh sửa thuộc tính của nguyên tố .Đừng chỉnh sửa bất kỳ mã như thế nào khác.
Bộ chia